桌面訊息通知 HTML5 Notification

2022-01-16 09:26:34 字數 760 閱讀 8396

使用場景  常見的大多適用於提示使用者有新的未讀訊息,一系列推送廣告/系統更新訊息等......

知道了使用場景後, 接著先上一段完整**

1

//註冊許可權

2notification.requestpermission(function (status)

7});8//

訊息推送

9var n = new notification('

部落格更新提示

',)

開啟chrome瀏覽器,f12執行效果如下 (針對上述**,下面逐一展開說明)

請求許可權 requestpermission

notification.requestpermission(function (status) 

});

檢查當前許可權狀態(檢視你是否已經有許可權)  notification.permission 該屬性的值將會是下列三個之一:

default

使用者還未被詢問是否授權,所以通知不會被顯示。

granted 表示之前已經詢問過使用者,並且使用者已經授予了顯示通知的許可權。

denied 使用者已經明確的拒絕了顯示通知的許可權。

訊息通知  notification

var n = new notification('部落格更新提示',)
資料參考

HTML5 Websocket

基於tcp 客戶端與伺服器全雙工通訊 實現長連結 永續性連結 websocket是一種在單個tcp連線上進行全雙工通訊的協議,他能夠允許服務...

html5 localStorage儲存

例項 重新整理值會增長,關掉瀏覽器,再開啟,值會在原基礎上增長 if localstorage pagecount else documen...

HTML5瀏覽器支援判斷

首先判斷瀏覽器是否支援html5 根據以往的經驗判斷瀏覽器型別以及版本 這裡提供另外一張思路和方法。 建立個html5的特性 看瀏覽器是否存...