Web IM中桌面通知实战技巧
桌面通知顾名思义能够给我们的日常工作和学习带来很大的帮助，但是目前支持桌面通知功能的浏览器只有Chrome5+。本文主要介绍Web IM中桌面通知实战技巧，下面一起来瞧瞧吧！ 在实际使用的过程中，应该尽量减少通知功能对用户的干扰，最大程度的减少通知功能的出现，这就需要解决以下几个问题： 1. 收到多条消息时确保只出现一条通知; 2. 当用户处于IM出现的页面中时(页面处于Focus状态)将不出现通知; 3. 当用户使用多Tab开启多个存在IM的页面时，只要有一个页面处于Focus状态将不出现通知; 此外，还需要解决一个便利性问题 4. 如何让用户点击通知浮动层即可定位到具体的聊天窗口 1. 只弹出一个通知窗口 这个问题比较好解决，因为通知对象拥有一个名为"replaceId"的属性。指定该属性后，只要是相同replaceId的通知窗口弹出，都会覆盖之前弹出的窗口。在实际项目中是给所有的弹出窗口赋了一个相同的replaceId。不过需要注意的是，这种覆盖行为只在同域下有效。 2. 确保页面Focus时不弹出通知窗口 这个问题主要是在于判断浏览器窗口是否处于Focus状态，目前除了监听window的onfocus和onblur事件之外，貌似没有更好的方式。在项目中就是通过这种方式来记录窗口的Focus状态，然后当消息到达时根据Focus状态来判断是否弹出窗口。
| $(window).bind( 'blur', this.windowBlur).bind( 'focus', this.windowFocus); |
| /*window on focus事件*/ //用延时是为了解决多个Tab之间切换时，始终让Focus覆盖其他Tab的Blur事件 //注: 如果在点击Tab之前没有Focus到document上则点击Tab是不会触发Focus的 setTimeout( function(){ Storage.setItem( 'kxchat_focus_win_state', 'focus' ); }, 100); /*window on blur事件*/ Storage.setItem( 'kxchat_focus_win_state', 'blur' ); |
| var n = dn.createNotification( img, title, content ); //确保只有一个提醒 n.replaceId = this.replaceId; n.onclick = function(){ //激活弹出该通知窗口的浏览器窗口 window.focus(); //打开IM窗口 WM.openWinByID( data ); //关闭通知窗口 n.cancel(); }; |
自动化产业门户app下载-自动化产业门户app是一款专注于自动化产业的软件，通过自动化产业门户app你可以了解到更多行业资讯和相关信息，您可以免费下载安卓手机自动化产业门户。
2020-03-31
快寻WiFiapp是一款非常好用的手机wifi管理系统，能够帮助用户快速连接附近可用wifi，支持速度检测、信号检测功能，还能够防止他人蹭网，让你能够安心上网。
2022-01-11
车好运app下载-车好运app是一个为客户度身定制的专业车辆托运平台，非常实用又方便，如果您物流比较多，那就赶快下载车好运app提高您的工作效率吧，您可以免费下载安卓手机车好运。
2020-10-10
诺基亚的旗舰手机Nokia 8搭配的是目前高通最强的骁龙835芯片，这款芯片强劲的性能让它有机会参与到Android机皇的竞争中，但是有一项短板严重制约了Nokia 8的发挥，那就是：屏幕。,诺基亚nokia8好用吗 诺基亚nokia8最新消息
2017-10-27
甘肃省人民医院是一款由甘肃省人民医院官方发布的医疗服务软件。使用甘肃省人民医院app，就能随时随地的在线挂号，无需排队等候。还有取报告单、费用查询、智能导诊等功能等你来使用哦，觉得这款软件还不错的小伙伴快来下载吧！
2021-03-17
阅燃漫画app是一款原创漫画阅读软件。阅燃漫画拥有专业线下团队，每日更新超多精彩漫画，各种类型都有，而且无广告无收费，阅读起来非常舒适，喜欢看漫画的小伙伴一定不能错过。
2022-01-17
11月16日晚上vivo秋季新品发布会正式开幕，新机vivo X9/X9Plus将悉数亮相。微博曝光了vivo X9和X9Plus系列的外观，流线型机身加超窄边框和第五代康宁玻璃。当然还有最引人注目的前置索尼双摄像头，那么vivox9手机配置参数是怎样呢？vivox9和oppor9s相比又哪个好呢？,vivox9和oppor9s哪个好 vivox9手机配置参数
2016-11-17
实时温度计下载-实时温度计是一款能测量当时户外温度的手机app，实时温度计手机版通过全球GPS定位系统准确的定位当前位置并实时测量户外温度，为您的出行活动和运动提供参考提示，让您选择出行时间。欢迎广大用户下载体验，您可以免费下载安卓手机实时温度计。
2022-10-23
江南1535茶馆app-江南1535茶馆app是由一帮愤青朋友设立的一个互联网金融茶馆，江南1535茶馆app主旨为需要的朋友提供更多线上服务，包括在线预订、查看信息等等，加入互联网元素，让用户享受更好的体验，您可以免费下载安卓手机江南1535。
2015-12-30