notification(瀏覽器通知)

Gilbertat 發布于2019-08-26 11:44 / 2227人閱讀

摘要：一簡介是的一個特性，目前我知道的有谷歌瀏覽器和對它進行了支持，用于向用戶配置和顯示桌面通知。用于當前頁面想用戶申請顯示通知的權限。，用于關閉通知。賦予通知一個，以便在必要的時候對通知進行刷新替換或移除。

一、notification簡介

Web Notifications是HTML5 的一個特性，目前我知道的有谷歌瀏覽器和windows edge對它進行了支持，用于向用戶配置和顯示桌面通知。

二、notification方法 2.1靜態方法

這些方法僅在 Notification 對象中有效。
Notification.requestPermission()
用于當前頁面想用戶申請顯示通知的權限。這個方法只能被用戶行為調用（比如：onclick 事件），并且不能被其他的方式調用。

2.2實例方法

這些方法僅在 Notification 實例或其 prototype 中有效。
1，Notification.close()
用于關閉通知。
Notification 對象繼承自 EventTarget 接口。
2，EventTarget.addEventListener()
Register an event handler of a specific event type on the EventTarget.
3，EventTarget.removeEventListener()
Removes an event listener from the EventTarget.
4，EventTarget.dispatchEvent()
Dispatch an event to this EventTarget.

三、notification舉例




    
        
        
        
        
    

    
        notification

四、取消允許

chrome：瀏覽器設置-->內容設置-->通知-->允許-->點擊刪除某個網站。
截圖：
4.1

4.2

4.3

4.4

4.5

兼容：

五、個人體會

目前只是實現了瀏覽器端的notification，如果再寫個接口，從接口中調取數據，在boss后臺做信息管理與是否顯示這樣就非常棒了。

六、參考資料

https://developer.mozilla.org...

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/107489.html

H5 notification瀏覽器桌面通知

摘要：是新增的，用于向用戶配置和顯示桌面通知。通知不自動關閉，默認為自動關閉。在瀏覽器下，沒有關閉請求權限的選項，用戶必須選擇同意拒絕。 showImg(https://segmentfault.com/img/remote/1460000018227718); Notification是HTML5新增的API，用于向用戶配置和顯示桌面通知。上次在別的網站上看到別人的通知彈窗，好奇之余也想知...

endless_road 2019-08-23 15:21 評論0 收藏0
Web Notifications 學習

摘要：據猜測是為瀏覽器翻譯服務。通知內容，顯示在通知標題之下，默認為空字符串標記通知的類型，打上標簽，默認為空字符串。在最新的技術評審稿中，該參數被舍棄設置該標志表示最終用戶將不能很容易地清除。設置該標志，通知將為永久型通知。 Web Notification 網頁通知API。這是2011年由谷歌技術員John Gregg提出的一項網頁通知api。定義請讀者直接參考whatwg工作組對...

Forelax 2019-08-21 15:09 評論0 收藏0
基于Web Notification的前端桌面彈窗

摘要：只有用戶允許的權限下，才能起到作用，避免某些網站的廣告濫用或其它給用戶造成影響。對象提供了方法請求用戶當前來源的權限以顯示通知。代表通知的一個識別標簽，相同時只會打開同一個通知窗口。要在通知中顯示的圖像的。通知保持有效不自動關閉，默認為。最近在和阿里云客服進行備案溝通的過程中，時常看到阿里云能夠在桌面上實現消息推送，感覺很是神奇，因此就進行了下搜索學習；發現主要用到了Web Not...

LucasTwilight 2019-08-02 16:18 評論0 收藏0