游客

标题:高级浏览器添加离线提示：window.webkitNotifications 桌面通知Notification
正文:
摘要：桌面通知，我们经常看到的比如QQ，Skype在右下角的消息提醒。在网页中我们也可以用Javascript模拟实现这一功能，只是这个消息框中浏览器中。目前浏览器依然是一个严格的沙盒工作模式，这种模式把浏览器和桌面的通信隔离开，但WHATWG下在讨论的一种特性Notification可以跨越沙盒通过桌面向用户发出浏览器的通知。现在在Html5中也可以实现这一功能，目前Notification的浏览器支持情况不大好，我测试了一下,IE9，FF12，FF20，Opera11不支持，Chrome支持最好。 如何使用： 一、检测浏览器是否支持通过window.webkitNotifications可以判断浏览器是否支持notification if(!window.webkitNotifications){alert("您的浏览器不支持Notification桌面通知!");}二、权限只有获得用户授权才可以显示Notification。//请求授权，如果成功则执行回调函数function RequestPermission (callback) {window.webkitNotifications.requestPermission(callback);}function showNotification(){if (window.webkitNotifications.checkPermission() > 0) {RequestPermission(showNotification);}else{//show Notification here..}三、创建Notification参考：http://dvcs.w3.org/hg/notifications/raw-file/tip/Overview.html通过chrome的Debug，我们可以看到通过window的webkitNotifications对象可以创建Notification。var notification = window.webkitNotifications.createNotification("images/HTML5.png", "标题", "内容内容内容内容内容内容内容内容内容内
[<<][[1]][2][3][>>]

查看评论(0)
发表评论



首页