博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
chrome桌面通知notification
阅读量:4583 次
发布时间:2019-06-09

本文共 613 字,大约阅读时间需要 2 分钟。

什么是Chrome桌面通知

chrome桌面通知即chrome notification,它可以在用户的windows桌面弹出一个消息框,如图:

可以直接去看它的  ,我们将这个效果通过三个步骤来实现: 第一步、检测浏览器是否支持Notifications API
if(window.webkitNotifications){console.log("你的浏览器支持Notifications");}else{console.log("抱歉!你的浏览器不支持Notifications");}
第二步、让用户授权浏览器显示桌面通知
if(window.webkitNotifications.checkPermission==0){//当等于0时,代表用户授权了	//do something}else{	window.webkitNotifications.requestPermission(msg);}
当用户未授权时,requestPermission()函数将会在浏览器顶部显示信息栏,如图所示:

第三步、封装事件或写成类添加其他动作
需要注意的是replaceId为当前创建的通知绑定了一个唯一标识,之后出现的通知如果也是这个标识那么该通知将会覆盖掉以前的。 最后的效果:

转载于:https://www.cnblogs.com/iancj/archive/2013/03/28/3652873.html

你可能感兴趣的文章
多线程同步的几种方法
查看>>
数据结构-冒泡排序
查看>>
关于程序状态字寄存器PSW(Program Status Word)与多核多线程
查看>>
mybatis的缓存
查看>>
java 缓冲流 Buffer
查看>>
7月23号=》261页-265页
查看>>
软考知识点梳理--综合布线
查看>>
Mysql5.6主从热备配置
查看>>
VS2010DebugView捕捉
查看>>
mfix中更改time dependent VTK filename的最大时间步数的容量
查看>>
Windows7安装 docker-compose的过程
查看>>
关于nodeJS多线程的支持,目前看来无法实现,讲解v8的一些东西
查看>>
php递归创建文件夹的两种方法
查看>>
6.新增事件
查看>>
|洛谷|二分|P1182 数列分段Section II
查看>>
少儿编程Scratch第四讲:射击游戏的制作,克隆的奥秘
查看>>
Oracle学习第七课-表连接及其应用
查看>>
Python基础篇【第十三篇】:面向对象
查看>>
bzoj 2465 小球
查看>>
Study Plan - The Thirty-Fifth Day
查看>>