使用 Notification API 开启浏览器桌面提醒

425 阅读1分钟

偶然中看到了一篇关于浏览器桌面通知的文章,自动手试了一下,感觉还不错,挺好玩的。

//弹窗提示用户是否允许通知(因为是'扰民'所以必须要弹窗提示)
Notification.requestPermission();
var a = new Notification('女神说:', {
    body: 'hi,帅哥,晚上有时间吗?',//弹窗内容
    icon: './1.gif',//通知图标
    renotify: true,//是否过滤(即相同通知只显示一次,但必须要使用tag标记)
    tag: 'hi,帅哥,晚上有时间吗?',
    silent: true,//是否显示通知声音(默认不显示)
    sound: './2.mp3'//通知的声音文件路径(有些浏览器没有此属性)
});
//过一段时间自动关闭通知
setTimeout(function () {
    a.close();
}, 5000)