初探html5的Notification

本文主要认知一下html5的Notification

 

1、浏览器支持情况：

 

目前chrome 5+支持Desktop Notification

 

window.webkitNotifications

 

 

2、相关api

 

• 获取访问权限

window.webkitNotifications.checkPermission()

 

该api返回几个值：

 

*0 表示已经授权

*1 表示未作许可授权

*2 表示拒绝（这个从互联网资料获取，我测试点击拒绝后，值还是1）

 

 

• 检测是否授权桌面提醒

window.webkitNotifications.requestPermission()

 

效果图：

            

 

• 设置弹出窗口

window.webkitNotifications.createNotification(icon,title,body);
window.webkitNotifications.createHTMLNotification(icon,title,body);

 

1、控制显示和隐藏：

var notification = window.webkitNotifications.createNotification(icon,title,body);
//显示
notification.show();
//关闭
notification.cancel();

 

扩展阅读：

http://slides.html5rocks.com/#notifications-api