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

最新推荐文章于 2024-02-24 10:54:02 发布

weixin_33973600

最新推荐文章于 2024-02-24 10:54:02 发布

阅读量264

点赞数

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5c70f873f265da2dac455177

本文介绍了一种利用浏览器实现桌面通知的方法，通过简单的JavaScript代码，可以向用户发送带有自定义内容、图标及声音的通知，同时提供了自动关闭通知的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

//弹窗提示用户是否允许通知(因为是'扰民'所以必须要弹窗提示)
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)复制代码

转载于:https://juejin.im/post/5c70f873f265da2dac455177