控件中国网现已改版,您看到的是老版本网站的镜像,系统正在为您跳转到新网站首页,请稍候.......
中国最专业的商业控件资讯网产品咨询电话:023-67870900 023-67871946
产品咨询EMAIL:SALES@COMPONENTCN.COM

HTML5开发 桌面提醒功能

作者:未知 出处:cnblog 2012年09月04日 阅读:

 桌面提醒的介绍

 
桌面通知功能能够让浏览器即使是最小化状态也能将消息通知给用户。这和WebIM是最为天然的结合。不过,目前支持Desktop Notification功能的浏览器只有Chrome5+。 在实际使用的过程中,应该尽量减少通知功能对用户的干扰,最大程度的减少通知功能的出现,这就需要解决以下几个问题:
 
1. 收到多条消息时确保只出现一条通知; 
2. 当用户处于IM出现的页面中时(页面处于Focus状态)将不出现通知; 
3. 当用户使用多Tab开启多个存在IM的页面时,只要有一个页面处于Focus状态将不出现通知; 
4. 如何让用户点击通知浮动层即可定位到具体的聊天窗口 
5.此外,还需要解决一个便利性问题 
 
桌面提醒Notification的API
window.webkitNotifications
 
requestPermission 请求通讯许可 
checkPermission    检查通讯许可 
createNotification  创建通讯 
show                    显示通知 
 
<!DOCTYPE HTML>
 <html>
 <head
 <meta charset="gbk">  
 <title>Creating OS notifications in HTML5</title>
 </head>
 <body>
 <input type="button" value="验证授权" onclick="init();" />
 <input type="button" value="弹出消息" onclick="notify();" />
 
     <script type="text/javascript">
         const miao = 5;
 
         function init() {
             if (window.webkitNotifications) {
                 window.webkitNotifications.requestPermission();
             }
         }
 
         function notify() {
             var icon = "logo.png";
             var title = "Hello World";
             var body =  "You Are My World (5秒后自动关闭)";
 
             if (window.webkitNotifications) {
                 if (window.webkitNotifications.checkPermission() == 0) {
                     var popup = window.webkitNotifications.createNotification(icon, title, body);
                     popup.ondisplay = function(event) {
                         setTimeout(function() {
                             event.currentTarget.cancel();
                         }, miao * 1000);
                     }
                     popup.show();
                     popup.show();
                 } else {
                     window.webkitNotifications.requestPermission();
                     return;
                 }
             }
         }
     </script>
 
 </body>
 </html>

热推产品

  • ActiveReport... 强大的.NET报表设计、浏览、打印、转换控件,可以同时用于WindowsForms谀坔攀戀Forms平台下......
  • AnyChart AnyChart使你可以创建出绚丽的交互式的Flash和HTML5的图表和仪表控件。可以用于仪表盘的创......
首页 | 新闻中心 | 产品中心 | 技术文档 | 友情连接 | 关于磐岩 | 技术支持中心 | 联系我们 | 帮助中心 Copyright-2006 ComponentCN.com all rights reserved.重庆磐岩科技有限公司(控件中国网) 版权所有 电话:023 - 67870900 传真:023 - 67870270 产品咨询:sales@componentcn.com 渝ICP备12000264号 法律顾问:元炳律师事务所 重庆市江北区塔坪36号维丰创意绿苑A座28-5 邮编:400020
在线客服
在线客服系统
在线客服
在线客服系统