我正在开发一个基于浏览器的应用程序,当用户收到传入的事件(例如消息)时,即使用户已将浏览器最小化,也需要能够引起用户的注意.

搜索给了我一些好的结果,但没有跨浏览器或firefox特定的.我需要能够支持IE 7和FF 3.6(特定于用户群).

以下是我看过的内容:

到目前为止,我们使用简单的javascript警报将托盘图标设置为闪存,但在尝试响应通知时创建了额外的点击(现在总共有3次点击,或者33%的降级).用户每天要做20到50次这样的事情,所以它会很快变得非常烦人.

基于Microsoft开发人员网络上提供的示例,我制作了这个适用于IE的简单原型,但它是IE特定的,不适用于其他浏览器:

Popup Example

function timeMsg()

{

var t=setTimeout("ButtonClick()",5000);

}

var oPopup = window.createPopup();

function ButtonClick()

{

var oPopBody = oPopup.document.body;

var myHeight = (window.screen.availHeight - 125);

var myWidth = (window.screen.availWidth - 350);

oPopBody.style.backgroundColor = "red";

oPopBody.style.border = "solid black 1px";

oPopBody.innerHTML = "Click outside popup to close.";

oPopup.show(myWidth, myHeight, 300, 75);

}

Display alert in 5 seconds

如果不使用本地安装的可执行文件如何改善这种体验的任何建议都非常感谢!

html5浏览器最小化,javascript – 在浏览器最小化时引起用户的注意(跨浏览器桌面通知?)...相关推荐

  1. Selenium+Python3之:多线程进行跨浏览器测试

    python多线程跨浏览器测试 1.引言 2.跨浏览器操作及定义 2.1 啥是跨浏览器测试 2.2 为啥要进行跨浏览器测试 2.3 跨浏览器测试执行 3.代码编写实战 1.引言 在WebUI自动化方面 ...

  2. 为什么跨浏览器测试很重要?7款跨浏览器测试工具请查收

    随着互联网的广泛使用,浏览器的数目也在逐步增加,网站数量以及用户群体亦如此.因此在搭建一个网站或web应用程序时,需要测试其与不同浏览器的兼容性,这项工作不容忽略.在测试过程中,跨浏览器测试工具可谓是 ...

  3. jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、

    脚 本 之 家 www.jb51.net 脚本云 专题 素材下载 电子书 软件下载 源码下载 服务器常用软件 a5交易 首页 网页制作 脚本专栏 脚本下载 网络编程 数据库 CMS教程 电子书籍 平面 ...

  4. 关于跨浏览器测试那点事

    Web 设计与开发师的一个重要工作环节是跨浏览器测试,谁让我们生活在这个既幸福又痛苦的时代,有那么多浏览器摆在我们面前,还有那个噩梦般总也摆脱不掉的 IE6.本文讲述了与跨浏览器测试有关的各种问题与知 ...

  5. 2.5代指纹追踪技术—跨浏览器指纹识别

    01. 研究背景 在如今,做安全防御已经不仅仅是被动的等着攻击者攻击,作为防御方,有越来越多的方法去反击攻击者,甚至给攻击者一些威胁. 设备指纹技术是一种长久有效的追踪技术,即使攻击者挂再多 vpn, ...

  6. [css] 如何使用css实现跨浏览器的最小高度?

    [css] 如何使用css实现跨浏览器的最小高度? div{height:auto!important; height:200px; min-height:200px; } 这个第一个已经 impor ...

  7. html5桌面通知自动关闭时间,H5 notification浏览器桌面通知

    Notification是HTML5新增的API,用于向用户配置和显示桌面通知.上次在别的网站上看到别人的通知弹窗,好奇之余也想知道如何实现的.实际去查一下发现并不复杂,且可以说比较简单,故写篇博客分 ...

  8. 实现跨浏览器的HTML5占位符

    译自:http://webdesignerwall.com/tutorials/cross-browser-html5-placeholder-text 译者:蒋宇捷,转载请标明出处(http://b ...

  9. 实现跨浏览器html5表单验证

    html5表单添加了很多类型的表单,而且还自带验证的功能.在移动端,手机等设备能够根据不同的input类型弹出不同的键盘,例如iphone弹的键盘 <input type="email ...

  10. 第十一章:WEB浏览器中的javascript

    客户端javascript涵盖在本系列的第二部分第10章,主要讲解javascript是如何在web浏览器中实现的,这些章节介绍了大量的脚本宿主对象,这些对象可以表示浏览器窗口.文档树的内容.这些章节 ...

最新文章

  1. Swoole笔记(五)
  2. 安卓错误Emulator: error: x86 emulation currently......
  3. 安装class-dump
  4. (WebKit) ViewPort + Backing Store + Page Content
  5. 评论中显示表情,苹果和安卓都一样
  6. python 发送邮件附件csv_python给指定csv表格中的联系人群发邮件(带附件的邮件)
  7. 《Windows游戏编程大师技巧》 四、GDI、控件和突发奇想
  8. 企业微信 网页授权登入
  9. 100个Python实战项目(七)实现摩斯密码翻译器
  10. Adobe Audition 2020 for Mac安装不了怎么办?Au下载安装教程来啦 内附系统要求
  11. 图Android 片缓存文件名,手机图片去了哪?教你理清照片存放路径
  12. sql求平均日活_SQL 统计日活、月活指标
  13. 如何画出漂亮的深度学习模型图?
  14. com.fasterxml.jackson.datatype:jackson-datatype-jsr310
  15. iOS 获取连接的WiFi和Mac地址
  16. attrib批量显示文件夹_怎样批量修改文件夹或文件的系统隐藏属性
  17. 青少年等级考试【Python通关干货】(二级)
  18. xampp带PHP,xampp下载-XAMPP(php集成环境包)下载 v7.4.11.0官方版--pc6下载站
  19. 收集几个不错的最新win10系统64位和32位系统Ghost版下载
  20. python判断正数还是负数_python判断正负数方式

热门文章

  1. 通过CN3口直接控制台达伺服电机A2-M(一)
  2. 【Unity3D插件】Highlighting System插件分享《物体高亮插件》
  3. C语言从入门到精通——初阶1 初识C语言
  4. 不要再学 JSP 了,学 SpringBoot + Thymeleaf + Vue吧
  5. 【15】 数学建模 | 典型相关分析 | 内附具体实现流程(清风课程,有版权问题,私聊删除)
  6. 清理谷歌浏览器注册表_chrome注册表怎么清理_如何清理没用的chrome注册表-win7之家...
  7. mysql安装显示挂起_安装SQL时提示有挂起的文件操作无法安装的解决
  8. 计算机考研安大好考还是郑大好考,这5所“低调到隐形”的211大学,不仅分数低,还好考...
  9. 模拟手机通信录管理系统
  10. 28_多易教育之《yiee数据运营系统》附录:扩展知识点汇总系列一