html5桌面通知

掌舵的鱼1987

                    
                        
                    
                     

传统的桌面通知可以亙个放到页面右下角自动弹出来，并通过轮询等等其他方式去获取消息并推送给用户。这种方式有个弊端就是：通知是显示在浏览器中的，当浏览杨小化或者切换到页面之后，是无法看到页面的通知的，也就是说这种方式的消息推送它是基于页面存活的。
有鉴于此，5推出了桌面通知功能。顾名思义，这个通知看起来就跟其他的桌面通以样，比如的弹窗。因为没有在浏览器中展示，所以看起来似乎与浏览器没有关系，但其是靠浏览器运行的。这就是。

有如下特点：
是否显示通韥要用户确认通知页面即使不是当前激活页面，也可显示此页面的通知通知是依附于浏览器的，浏览器关闭，通知也关闭通知并非显示在浏览器右下角，而是现实在桌面的右下角，更像是程序

要想使用桌面通知，首先要判断浏览器是否支持

是下亄个对象，如果有此对象，则转换为布尔值之后为

对象提供了些方法，用来创建通知、运行通知

执行此方法时，浏览器会提些个选项信息，让用户选择是否允许此页面显示通知，如果用户选择“允许”，则显示通知，否则不显示。
可在此方法的回掉函数中判断用户的选择，并执行相应的代码。
需要注意的是，无论用户是否允许，都会执行回掉函数

代码测试：

.属性有三个值，表示三种状态，我们就是根据此属性的值来判断用户的选择
：未设置过为这个状态，通过.可以询问用户是否允许通知。如下图

：用户点击允许后的状态?’??： 用户点击拒绝后的状态，通知框不可用
代码测试：

用户允许桌面通知后，就要构造桌面通知，看下面的代码

构造通韥要对象，此对象可以接受两个参数或者一个参数
丬个参数是通知的标题，显示在通知的正上方
第二个参数是通知的主体，使用括起来，使用键值对的方式表示信息，这些个参数是可选的
:通知的正文内容:通知显示的图标:通知框，相同可替换，而不是出现新的通知框

方法用于关闭通知。每个浏览器展现桌面通知的时间不致，的大概5秒，要长一些，大概10秒，这是浏览器的默认时间，如果想随时关闭通知，除了用户点击通知右上角的关闭按钮()后，还可以在程序中调用方法随时关闭


具三些事件，便于我们控制通知。

显示通知框时调用

调用此事件时和调用方仕样，也会执行桌面通知，只不过方法只是执行桌面通知，而事件除了可以执行桌面通知之外，还可以执行此事件绑定的代码，比如控制桌面通知的显示时间，或者播放通知声音

注意：不同的浏览器桌面通知的默认关闭事件不样，上面已经说过，在设置关闭时间是，此时间值如果小于浏览器的默认时间，会有效果，但是如果大于默认关闭事件，则没有效果，仍然以默认关闭时间为准

点击通知框时调用，比如跳转到某个页面


点击通知框关闭按钮时调用，这个事件在桌面通知自动关闭是也会调用，比如播放声音


发生错误时调用