chrome 桌面通知 Notifications 用法

原创 2013年12月01日 23:38:46
<script>
function notify(title,content,icon) {
        if (window.webkitNotifications) {
            if (window.webkitNotifications.checkPermission() == 0) {
                var notification_test = window.webkitNotifications.createNotification(icon, title, content);
                notification_test.display = function() {}
                notification_test.onerror = function() {}
               notification_test.onclose = function() {}
               notification_test.onclick = function() {this.cancel();}
               
               notification_test.replaceId = 'Meteoric';
    
               notification_test.show();

           } else {
               window.webkitNotifications.requestPermission(notify);
           }
       } 
   }
</script>
<a href="javascript:notify('标题','内容','/img/1.jpg');">获取权限</a>

由于chrome的安全限制,桌面通知第一次使用时必须获取权限,而获取权限必须通过用户主动事件触发获取,比如单击.

Chrome notifications -- Chrome 浏览器消息通知中心

相关资料官方开发者文档:http://developer.chrome.com/apps/notifications*Mozilla简单列子:https://developer.mozilla.org...
  • shi_sky
  • shi_sky
  • 2014年02月26日 16:52
  • 4605

Chrome插件开发实例 – 时间通知(notifications)

1、创建notification的两种方法: // 注意:没有必要调用 webkitNotifications.checkPermission()。 // 声明了 notifications 权...
  • sqzhao
  • sqzhao
  • 2015年09月24日 15:47
  • 1481

Chrome桌面提醒功能

Chrome桌面提醒功能,兼容新老版本,firefox最新版本也通过
  • qzmrock
  • qzmrock
  • 2014年10月05日 12:26
  • 4111

Chrome浏览器扩展开发系列之十:桌面通知Notification

Desktop Notification也称为Web Notification,是在Web页面之外,以弹出桌面对话框的形式通知用户发生了某事件。Web Notification于2015.9.10成为...
  • fkepgydhbyuan
  • fkepgydhbyuan
  • 2016年11月24日 09:14
  • 3028

Chrome开启Notification通知等权限

1.在Chrome浏览器的地址栏左侧,点击控制中心图标,如下图所示: 2.在弹出的控制中心,可以直接设置“通知”方式,也可以通过“”网站设置“”进行更多设置,如下图所示: 3.在网...
  • guoquanyou
  • guoquanyou
  • 2016年07月04日 17:07
  • 5430

HTML5桌面通知:notification api

目前额Notifac HTML5桌面通知:notification api 1. 为什么需要HTML5的桌面通知 传统的桌面通知可以写一个div放到页面右下角自动弹出来,并通...
  • talking12391239
  • talking12391239
  • 2014年08月08日 21:26
  • 2348

Chrome桌面通知

https://www.oschina.net/code/snippet_2012583_51015 开启桌面提醒:三道杠-显示高级设置-内容设置-通知-允许所有网站显示桌面通知 Goo...
  • dszgf5717
  • dszgf5717
  • 2016年12月06日 15:31
  • 399

Chrome插件开发实例 – 时间通知(notifications)

1、创建notification的两种方法: // 注意:没有必要调用 webkitNotifications.checkPermission()。 // 声明了 notifications 权...
  • sqzhao
  • sqzhao
  • 2015年09月24日 15:47
  • 1481

html5桌面通知(Web Notifications)实例解析

通过Web Notifications(桌面通知系统),网站可以在用户桌面弹出一条通知,无论用户是否浏览当前网页,甚至最小化了浏览器,通知均可到达用户桌面。 一、Notification API ...
  • caichang8
  • caichang8
  • 2015年11月12日 11:24
  • 1242

兼容 谷歌、火狐、360系列浏览器的桌面通知(实用)

兼容 谷歌、火狐、360系列浏览器的桌面通知(实用) 本文为工作中总结而来,并参考了大量网络资源,希望对有同样需求的朋友提供帮助。 参考资源如下(部分): http://xs...
  • yimiyuangguang
  • yimiyuangguang
  • 2014年08月23日 12:23
  • 2437
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:chrome 桌面通知 Notifications 用法
举报原因:
原因补充:

(最多只允许输入30个字)