瀏覽器通知

2022-08-28 11:57:14 字數 2894 閱讀 2222

if

(window.notification) );

notification.onclick = function

() ;

}

};button.onclick = function

()

else

if (notification.permission != "denied") );}};

} else

使用簡單,易懂。

以下是api

屬性名釋義

dirlang

提示的語言。沒看出來有什麼用。大家可以忽略之~

body

提示主體內容。字串。會在標題的下面顯示。比方說上面的「好啊!(害羞.gif)」。

tag字串。標記當前通知的標籤。

icon

字串。通知面板左側那個圖示位址。

data

任意型別和通知相關聯的資料。

vibrate

通知顯示時候,裝置震動硬體需要的振動模式。所謂振動模式,指的是乙個描述交替時間的陣列,分別表示振動和不振動的毫秒數,一直交替下去。例如[200, 100, 200]表示裝置振動200毫秒,然後停止100毫秒,再振動200毫秒。

renotify

布林值。新通知出現的時候是否替換之前的。如果設為true,則表示替換,表示當前標記的通知只會出現乙個。注意都這裡「當前標記」沒?沒錯,true引數要想其作用,必須tag需要設定屬性值。然後,通知就會像這樣覆蓋:

而不會是預設的疊高樓:

布林值。通知出現的時候,是否要有聲音。預設false, 表示無聲。

sound

noscreen

布林值。是否不再螢幕上顯示通知資訊。預設false, 表示要在螢幕上顯示通知內容。

布林值。是否通知具有粘性,這樣使用者不太容易清除通知。預設false, 表示沒有粘性。根據我自己的猜測,應該和positionsticky屬性值類似。

4. notification.close()

通知顯示了,如何關閉呢?可以通過呼叫notification.close()例項方法,實際上,通知如果你放著不管,一段時間後就會自動隱藏,具體多久不詳,我估摸著5秒有的。

5. 事件控制代碼

notification.onclick

點選通知,然後……

notification.onerror

通知顯示異常,然後。例如,明明notification.permissiondefault,你還讓我顯示。

下面這些呢有必要獨立出來,雖然現在是支援挺好的,但是,由於目前規範並沒有把它們列入其中,所以,未來有可能瀏覽器就不支援了。

notification.onclose

通知關閉了,然後…… 無論是使用者手動關閉,還是直接notification.close()關閉都會觸發該該事件。

notification.onshow

通知顯示的時候,該幹嘛幹嘛~~

6. 其他屬性值

除了notification.permission外,notification還有很多其他唯讀屬性值,但是,基本上和上面的options引數一致,返回的值也是options和預設值的合併值(如果瀏覽器支援的話)。

notification.title[唯讀]

notification.dir[唯讀]

notification.lang[唯讀]

notification.body[唯讀]

notification.tag[唯讀]

notification.icon[唯讀]

notification.data[唯讀]

notification.silent[唯讀]

notification.title[唯讀]

notification.timestamp[唯讀]

通知建立或者可以使用的時間。

notification.noscreen[唯讀]

notification.renotify[唯讀]

notification.sound[唯讀]

notification.sticky[唯讀]

notification.vibrate[唯讀]

JS實現瀏覽器通知功能

notification api是瀏覽器的通知介面,用於在使用者的桌面 而不是網頁上 顯示通知資訊,桌面電腦和手機都適用,比如通知使用者收到了一封email,具體的實現形式由瀏覽器自行部署,對於手機來說,一般顯示在頂部的通知欄。如果網頁 呼叫這個api,瀏覽器會詢問使用者是否接受,只有在使用者同意的...

瀏覽器 瀏覽器高效搜尋

一 常見場景 以場景的形式來說明 1 場景1 網路上查詢一本書的 指定文件型別 如pdf 如 搜尋關鍵字 c primer plus 的 pdf 版本 輸入 格式 關鍵字 空格 filetype pdf 例項 c primer plus中文版 filetype pdf關鍵字 filetype 2 場...

常見瀏覽器 瀏覽器核心

常見瀏覽器介紹 瀏覽器是網頁執行的平台,常用的瀏覽器有ie 火狐 firefox 谷歌 chrome safari和opera等。我們平時稱為五大瀏覽器。瀏覽器核心 理解 瀏覽器核心又可以分成兩部分 渲染引擎 layout engineer 或者 rendering engine 和 js 引擎。渲...