HTML 通知API

学习Notification · 难度：高级 · +15XP

HTML Notification 浏览器通知

Notification API可以发送系统级桌面通知，即使浏览器在后台。

发送通知

if(Notification.permission==="granted"){
  new Notification("新消息",{body:"您有一条新评论",icon:"/icon.png",tag:"msg-1"});
}else if(Notification.permission!=="denied"){
  Notification.requestPermission().then(p=>{if(p==="granted"){}}
);}

常用选项

???? 练习

1. 请求通知权限
2. 发送测试通知

学习与实践建议

1. 先理解本节的核心概念和语法规则
2. 在右边编辑器中修改示例代码，观察运行结果变化
3. 尝试用学到的知识完成一个小练习——比如自己写一个工具函数或小程序
4. 遇到问题时，查阅官方文档是最快的学习途径

编程是门实践技能，动手写代码比看教程重要得多。坚持每天练习，你会很快看到进步！