之前在项目中使用了Notification,现分享出来:
checkNotification() function checkNotification(){ //判断是否支持Notification if(!("Notification" in window)){ alert("浏览器不支持Notification,无法进行桌面提醒!"); } //通知必须授权后才能显示,判断是否已授权 //已授权情况 else if(Notification.permission== "granted"){ console.log("已授权") var notify= new Notification("李四",{body:"hello~",icon:'img/aHead.png'}); var notifyST= setTimeout(function(){ notify.close(); clearTimeout(notifyST); },2000) } //未授权且未拒绝 else if(Notification.permission!= "denied"){ //请求授权 Notification.requestPermission(function(permission){ //请求授权 //授权成功 if(permission== "granted"){ console.log("请求授权成功!"); } }) } };
目前chrome,safari,以及firefox26+支持
详解: http://www.cgner.com/web/js/201408_221.html
也有多个插件支持桌面提醒:http://www.open-open.com/news/view/130d4b4