關於HTML5的案頭提醒——Notification

標籤：

說明測試環境如下：
IE： 11版本
firefox：34版本
chrome： 39版本

 

聲明： 百度網上搜尋的大部分資料，幾乎都是錯誤的！ 幾乎千篇一律的都是 要檢測瀏覽器是否支援 “案頭提醒”需要用到如下代碼：

//判斷瀏覽器是否支援Notifications
function supported(){
if(window.webkitNotifications){
    alert(‘瀏覽器支援Notifications‘);
} else {
    alert(‘瀏覽器不支援Notifications‘);
}
}

實在是坑死人，如果你把上述代碼中的核心對象 "window.webkitNotifications" 放到  IE11、google、firefox上執行，得到的結果都是一樣——undefined！三大瀏覽器測試如下：

真的是恨自己沒有看w3c官方的html5文檔。後來終於找到一篇文章，原來html5的案頭提醒，其實是在各大瀏覽器中已經被支援了的！ 要檢測的對象不是剛才的 webkitNotifications 了，而是一個叫做 “window.Notification” 的對象！

測試發現：
IE11不支援案頭提醒，結果如下：

firefox和chrome支援，結果如下：

所以案頭提醒的相關功能和代碼要作如下修改：

------------------
http://www.html5china.com/HTML5features/Notifications/20110926_2049.html

http://www.html5china.com/HTML5features/Notifications/20110926_2049.html

http://www.html5china.com/HTML5features/Notifications/

http://www.th7.cn/web/js/201408/53473.shtml

 

關於HTML5的案頭提醒——Notification