【设备】桌面通知(Notifications)

2019-11-26 17:17:59 浏览数 (2)

概述 桌面通知(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:关闭通知时触发

0 人点赞