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
, 表示沒有粘性。根據我自己的猜測,應該和position
的sticky
屬性值類似。
4. notification.close()
通知顯示了,如何關閉呢?可以通過呼叫notification.close()
例項方法,實際上,通知如果你放著不管,一段時間後就會自動隱藏,具體多久不詳,我估摸著5秒有的。
5. 事件控制代碼
notification.onclick
點選通知,然後……
notification.onerror
通知顯示異常,然後。例如,明明notification.permission
是default
,你還讓我顯示。
下面這些呢有必要獨立出來,雖然現在是支援挺好的,但是,由於目前規範並沒有把它們列入其中,所以,未來有可能瀏覽器就不支援了。
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 引擎。渲...