zoukankan      html  css  js  c++  java
  • 简单的web Notifations发通知

    Web Notifications API 使页面可以发出通知,通知将被显示在页面之外的系统层面上(通常使用操作系统的标准通知机制,但是在不同的平台和浏览器上的表现会有差异)

    Notification.requestPermission( function(status) {    //让用户进行通知权限选择,根据用户的选择进行操作
    console.log(status); // 仅当值为 "granted" 时显示通知
    var n = new Notification("title", {body: "notification body"}); // 显示通知
    });

    一、
    可以通过检查只读属性 Notification.permission 的值来查看你是否已经有权限(Safari 和 Chrome (在 32 版本之前) 还没有实现 permission 属性)

    default
    用户还未被询问是否授权,所以通知不会被显示。
    granted
    表示之前已经询问过用户,并且用户已经授予了显示通知的权限。
    denied
    用户已经明确的拒绝了显示通知的权限。

    二、

    在 Notification 实例层面上会有4个事件被触发:
    show
    当通知被显示给用户时触发。
    click
    当用户点击通知时触发。
    close
    当通知被关闭时触发。
    error
    当通知发生错误的时候触发。这通常是因为通知由于某些原因而无法显示。
    这些事件可以通过事件处理跟踪 onshow、onclick、onclose 和 onerror。
    因为 Notification 同样继承自 EventTarget,因此可以对它调用 addEventListener() 方法。

  • 相关阅读:
    火车进出栈问题(卡特兰数)
    HDU 4699 Editor (对顶栈)
    HDU 6430 TeaTree (线段树合并)
    Exam 4895 Crowd Control
    Exam 4894 Booming Business
    8377: Playoff
    hdu 6345 Problem J. CSGO
    HDU 6437 Problem L.Videos
    Making the Grade
    poj2279——Mr. Young's Picture Permutations
  • 原文地址:https://www.cnblogs.com/xinyouhunran/p/11190443.html
Copyright © 2011-2022 走看看