桌面通知

可以方便的通过Notifications API为web应用添加桌面通知功能。

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：关闭通知时触发