浏览器通知--window.Notification

参考链接：http://blog.csdn.net/guoquanyou/article/details/51726571

Web Notifications是HTML5 的一个特性，目前我知道的有谷歌浏览器和windows edge对它进行了支持

下面是一个简单的示例（注意测试的时候需要把页面发布到浏览器上才会有效果）：

<div class="row"><div class="col-md-12"><button id="showNoti">显示通知</button></div>
</div><script>$(function () {$("#showNoti").click(function () {if (!window.Notification) {alert("浏览器不支持通知！");}console.log(window.Notification.permission);

　　　　　　　　　if (window.Notification.permission != 'granted') {Notification.requestPermission(function (status) {//status是授权状态，如果用户允许显示桌面通知，则status为'granted'console.log('status: ' + status);//permission只读属性://  default 用户没有接收或拒绝授权 不能显示通知//  granted 用户接受授权 允许显示通知//  denied  用户拒绝授权 不允许显示通知var permission = Notification.permission;console.log('permission: ' + permission);});}

var n = new Notification("您有一条消息！", { "icon": "", "body": "您一分钟后将有好运气" }); n.onshow = function () { console.log("显示通知"); setTimeout(function () { n.close() }, 2000); }; n.onclick = function () { alert("打开相关视图"); window.open("/Home/about"); n.close(); }; n.onclose = function () { console.log("通知关闭"); }; n.onerror = function () { console.log('产生错误'); //do something useful  }; }); }); </script>

浏览器通知--window.Notification相关推荐

html5：notification(浏览器通知)
一.notification简介 Web Notifications是HTML5 的一个特性,目前我知道的有谷歌浏览器和windows edge对它进行了支持,用于向用户配置和显示桌面通知. 二.no ...
浏览器通知，可配合socket
<!DOCTYPE html> <html><head><meta charset="utf-8"><title>浏览器 ...
HTML5 桌面通知：Notification API 的应用
2019独角兽企业重金招聘Python工程师标准>>> 先看效果: image.png 这是利用html5桌面通知Notification API实现的,先看看代码,再分析Notif ...
HTML5 桌面通知 new Notification
1.背景: 房产咨询,用户和房博士聊天,当发送聊天消息时,需要做收到消息通知,最后查到HTML5新增的 Notification API的通知功能.即使将浏览器窗口最小化,依然会收到消息通知. 2. ...
最好用的 6 款 Vue 实时消息提示通知(Message/Notification)组件推荐与测评
本文完整版:<最好用的 6 款 Vue 实时消息提示通知(Message/Notification)组件推荐与测评> Vue 实时消息提示通知 Vue-notification - 专注实 ...
HTML5特性之谷歌浏览器桌面消息(window.Notification)推送：
用法: (1)消息推送会默认关闭-主要通过window.Notification.permission来判断 "denied" --- 为用户点击了禁用(拒绝打开推送功能) &q ...
浏览器通知push.js 工具（实用）
现在网站推送消息什么的似乎各大网站都支持了. 多亏了 HTML5 中的 JavaScript Web Notification API 允许桌面和移动浏览器显示包含自定义内容的通知.JavaScrip ...
iOS 远程通知(Remote Notification)和本地通知(Local Notification)
ios通知分为远程通知和本地通知,远程通知需要连接网络,本地通知是不需要的,不管用户是打开应用还是关闭应用,我们的通知都会发出,并被客户端收到我们使用远程通知主要是随时更新最新的数据给用户,使用本地 ...
常规通知（Notification）模板
// 得到通知管理者 NotificationManager notificationManager = (NotificationManager) getSystemService(NOTIFICA ...
Android 8.0 创建管理通知渠道Notification
从Android8.0(API26)开始,所有的通知必须分配一个渠道.每一个渠道,你都可以设置渠道中所有通知的视觉和听觉行为.然后,用户能够随意修改这些设置来决定通知的行为. 在用户界面渠道显示为 & ...

浏览器通知--window.Notification

浏览器通知--window.Notification相关推荐

最新文章

热门文章