前端怎么让悬浮页面不关闭之前不能关闭浏览器

解决方案：

1. 使用JavaScript编写一个定时器，当用户试图关闭浏览器时，定时器会检测到此动作，然后发出警告，让用户确定是否要退出浏览器；

2. 采用AJAX，当用户试图关闭浏览器时，发出AJAX请求，检测关闭动作，进而发出警告，以阻止用户关闭浏览器；

3. 使用HTML5的本地存储，当用户试图关闭浏览器时，发出一个消息，以阻止用户关闭浏览器。

1、离线缓存。可以在关闭浏览器后再次打开时恢复数据，以减少网络流量。

2、音频视频自由嵌入，多媒体形式更为灵活。

3、地理定位。地理位置定位，让定位和导航不再专属导航软件，地图也不用下载非常大的地图包，可以通过缓存来解决，到哪儿下哪儿，更灵活。

4、Canvas绘图，提升移动平台的绘图能力。使用Canvas API可以简单绘制热点图收集用户体验资料，支持图片的移动、旋转、缩放等常规编辑。

5、丰富的交互方式。提升互动能力：拖拽、撤销历史 *** 作、文本选择等。

6、开发及维护成本低，这个相对于原生APP开发来说。更低的开发及维护成本?使页面变得更小，减少了用户不必要的支出而且，性能更好使耗电量更低。

7、CSS3 视觉设计师的辅助利器的支持。CSS3支持了字体的嵌入、版面的排版，以及最令人印象深刻的动画功能。

8、html5调用手机摄像头和手机相册、通讯录等功能。

html5是指万维网的核心语言、 标准通用标记语言下的一个应用 超文本标记语言（ HTML）的第五次重大修改（这是一项推荐标准、外语原文： W3C Recommendation、见本处 参考资料原文内容： ）2014年10月29日， 万维网联盟宣布，经过接近8年的艰苦努力，该标准规范终于制定完成。HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式，包括新的解析规则增强了灵活性、新属性、淘汰过时的或冗余的属性等。

首先HTML5是不需要安装的，而且也不能安装，他只是一种网页规范。主流浏览器目前都是默认支持的，具体支持是看网站的写法。

flash装两遍的问题其实是由于这三个浏览器内核不同的原因，其中chrome不用装是因为它自己带了flash。firefox和edge的flash不共用。

我看了一下中国大学MOOC这个网站，并用火狐、IE11、EDGE还有webkit内核的浏览器访问了一下。除了火狐只能用flash播放之外，这个网站能支持其他浏览器使用HTML5播放器，而且是默认的。

建议您尝试一下清理chrome和edge的缓存和cookie再加载网页看看，因为这两个浏览器应该是默认可以使用html5播放器的。而且中国大学MOOC的html5播放器可以加速播放，比较好。

火狐的话要想支持html5需要一些设置，稍微麻烦一点。

---