概述 桌面通知(Notifications) API 可以方便的为web应用添加桌面通知功能。
代码示例
代码语言:javascript复制if(window.Notification) { if(window.Notification.permission !== "granted") { Notification.requestPermission(); } notify(); } else { console.log("当前浏览器不支持桌面通知!"); } function notify() { var notification = new window.Notification("this is notification title", { icon: "", body: "hey there! this is notification body!" }); notification.onclick = function() { // do something } }
代码说明
Notification的三个参数:
- title:显示的标题
- options:
- dir:文字方向
- lang:使用的语言
- body:显示的正文
- tag:通知的ID
- icon:显示的图标
Notification的事件:
- onclick:点击通知时触发
- onshow:通知显示时触发
- onerror:遇到错误是触发
- onclose:关闭通知时触发