desktopnotify - 瀏覽器notification API調用庫

這幾天研究了一下瀏覽器的notification通知API的使用,使用它的好處是,當瀏覽器不是當前打開的窗口時,若是頁面上調用了notification API的話,會在桌面上彈出小窗口顯示一條消息。而且這個消息能夠接受幾個事件,如click。這樣用來作消息提醒仍是不錯的。html

爲了學習它,我參考了幾篇關於notification的文章和項目 。目前主要支持的瀏覽器是chrome, firefox, Safari。在前面的項目中,在win7的ie9下也有一種通知形式,只不過它是在ie9的圖標上顯示一個小圖標,和其它的效果差距比較大,並且爲了啓用它,還要將打開的頁面pin到任務欄上去(就是拖動那個tab頁到任務欄上)。html5

我還參考了其它的幾個項目,以爲這個項目仍是比較簡單的。不過我的感受我要的比較簡單,因此我在它的基礎上進行了修改,而且建立了一個項目名字叫desktopnotify。目前只支持chrome。若是你對這個感興趣能夠進入github的項目主頁,上面有說明。下載後還能夠運行示例。git

在試驗的過程當中發現,若是你的chrome的通知是不容許(它一共有三個狀態:容許,不容許和禁止)。對於不容許,是能夠調用requestPermission來要求用戶打開的,可是直接在console中運行測試是不行的,須要在頁面中經過綁定點擊或按鍵事件來執行,以確保是用戶行爲。因此這個要注意。所以有可能你須要某種方式來提醒用戶打開提醒功能。github

對於提醒,chrome也有菜單能夠進行調整,如禁止或啓動等。web

desktopnotify項目地址 https://github.com/limodou/desktopnotifychrome

相關文章
相關標籤/搜索