notification(浏览器通知)

Gilbertat 发布于2019-08-26 11:44 / 2208人阅读

摘要：一简介是的一个特性，目前我知道的有谷歌浏览器和对它进行了支持，用于向用户配置和显示桌面通知。用于当前页面想用户申请显示通知的权限。，用于关闭通知。赋予通知一个，以便在必要的时候对通知进行刷新替换或移除。

一、notification简介

Web Notifications是HTML5 的一个特性，目前我知道的有谷歌浏览器和windows edge对它进行了支持，用于向用户配置和显示桌面通知。

二、notification方法 2.1静态方法

这些方法仅在 Notification 对象中有效。
Notification.requestPermission()
用于当前页面想用户申请显示通知的权限。这个方法只能被用户行为调用（比如：onclick 事件），并且不能被其他的方式调用。

2.2实例方法

这些方法仅在 Notification 实例或其 prototype 中有效。
1，Notification.close()
用于关闭通知。
Notification 对象继承自 EventTarget 接口。
2，EventTarget.addEventListener()
Register an event handler of a specific event type on the EventTarget.
3，EventTarget.removeEventListener()
Removes an event listener from the EventTarget.
4，EventTarget.dispatchEvent()
Dispatch an event to this EventTarget.

三、notification举例




    
        
        
        
        
    

    
        notification

四、取消允许

chrome：浏览器设置-->内容设置-->通知-->允许-->点击删除某个网站。
截图：
4.1

4.2

4.3

4.4

4.5

兼容：

五、个人体会

目前只是实现了浏览器端的notification，如果再写个接口，从接口中调取数据，在boss后台做信息管理与是否显示这样就非常棒了。

六、参考资料

https://developer.mozilla.org...

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107489.html

H5 notification浏览器桌面通知

摘要：是新增的，用于向用户配置和显示桌面通知。通知不自动关闭，默认为自动关闭。在浏览器下，没有关闭请求权限的选项，用户必须选择同意拒绝。 showImg(https://segmentfault.com/img/remote/1460000018227718); Notification是HTML5新增的API，用于向用户配置和显示桌面通知。上次在别的网站上看到别人的通知弹窗，好奇之余也想知...

endless_road 2019-08-23 15:21 评论0 收藏0
Web Notifications 学习

摘要：据猜测是为浏览器翻译服务。通知内容，显示在通知标题之下，默认为空字符串标记通知的类型，打上标签，默认为空字符串。在最新的技术评审稿中，该参数被舍弃设置该标志表示最终用户将不能很容易地清除。设置该标志，通知将为永久型通知。 Web Notification 网页通知API。这是2011年由谷歌技术员John Gregg提出的一项网页通知api。定义请读者直接参考whatwg工作组对...

Forelax 2019-08-21 15:09 评论0 收藏0
基于Web Notification的前端桌面弹窗

摘要：只有用户允许的权限下，才能起到作用，避免某些网站的广告滥用或其它给用户造成影响。对象提供了方法请求用户当前来源的权限以显示通知。代表通知的一个识别标签，相同时只会打开同一个通知窗口。要在通知中显示的图像的。通知保持有效不自动关闭，默认为。最近在和阿里云客服进行备案沟通的过程中，时常看到阿里云能够在桌面上实现消息推送，感觉很是神奇，因此就进行了下搜索学习；发现主要用到了Web Not...

LucasTwilight 2019-08-02 16:18 评论0 收藏0