主要记录张鑫旭大神的博客,原文地址
笔记就不多说了,看上面博客就可以,下面来一段自己根据博客demo改后的小代码
if (window.Notification) { var popNotice = function() { if (Notification.permission == "granted") { var notification = new Notification("Hi", { body: '你有新消息', icon: '' //选择一张图片(图标) }); } }; setTimeout(function(){ if (Notification.permission == "granted") { popNotice(); } else if (Notification.permission != "denied") { Notification.requestPermission(function (permission) { popNotice(); }); } },3000);} else { alert('浏览器不支持Notification'); }
摘要
- 通知需要得到用户允许(不被允许就会屏蔽通知),通过Notification.requestPermission(callback); 申请
- Notification.permission这是一个静态属性。表示是否允许通知,值就是上面的granted(允许), denied(禁止), 或default.