js检测是够断网
2024-08-28 18:08:10
方法 一
navigator.onLine
这个html5的 navigator的新特性可以很简单帮我们搞定
HTML5为此定义了一个navigator.onLine属性，这个属性值为true表示设备能上网，值为false表示设备离线。
当然不同的浏览器，对这个的支持还不太一样
IE6+和Safari 5+支持的比较好
Firefox 3+和支持navigator.onLine属性，但你必须手工选中菜单项“文件-Web开发人员（设置）-脱机工作”才能让浏览器正常的工作。
Chrome需要12以上。
HTML5为此定义了一个navigator.onLine属性，这个属性值为true表示设备能上网，值为false表示设备离线。
当然不同的浏览器，对这个的支持还不太一样
IE6+和Safari 5+支持的比较好
Firefox 3+和支持navigator.onLine属性，但你必须手工选中菜单项“文件-Web开发人员（设置）-脱机工作”才能让浏览器正常的工作。
Chrome需要12以上。
if (navigator.onLine)
{ //正常工作}
else { //执行离线状态时的任务}
方法 二
online和offline。
当网络从离线变为在线或者从在线变为离线时，分别触发这两个事件。这两个事件在window对象上触发。(必须要手工轮询这个属性才能检测到网络状态的变化。 )
var EventUtil = {
addHandler: function (element, type, handler) {
if (element.addEventListener) {
element.addEventListener(type, handler, false);
} else if (element.attachEvent) {
element.attachEvent("on" + type, handler);
} else {
element["on" + type] = handler;
}
}
};
EventUtil.addHandler(window, "online", function () {
alert("Online");
});
EventUtil.addHandler(window, "offline", function () {
alert("Offline");
});
方法 三
Offline.js 插件(https://github.com/hubspot/offline)
原文地址：https://www.jianshu.com/p/b1379ab332aa
最新文章
- objective-c 语法快速过（4）
- 使用腾讯开发平台获取QQ用户数据资料
- android view : 自定义
- win10下iis部署asp.net core rtm
- asp.net 短信群发
- js封常用类
- Java 多线程 简单实例 （消费者与生成者）的关系
- 函数fsp_alloc_seg_inode_page
- js如何判断是手机端还是PC端访问
- java 对视频和图片进行加密解密
- 【模拟】UVa 1030 - Image Is Everything
- Oracle运维服务的四根救命稻草
- Codeforces 734F Anton and School（位运算）
- 前端构建工具之争——Webpack vs Gulp 谁会被拍死在沙滩上
- ansible的安装部署及简单应用
- 川崎机器人c#通讯（转）
- MSSQL查询收缩和备份进度
- 利用ant脚本 自动构建svn增量/全量 系统程序升级包【转】
- python的metaclass浅析-乾颐堂
- vue项目打包部署到nginx 服务器上