一 介绍
为了判断浏览器的在线状态,HTML 5提供了两种方法来检测是否在线。
1、navigator.onLine属性:该属性可返回当前是否在线。如果返回true,则表示在线,如果返回false,则表示离线。当网络状态发生变化时,该值也会随之变化。
2、online/offline事件:如果开发者需要在网络状态发生变化时立刻得到通知,则可以通过HTML 5的online/offline事件来检测。
二 代码
<!DOCTYPE html> <html manifest="online.manifest"> <head> <meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" /> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title> 测试在线状态 </title> </head> <body> <script type="text/javascript"> // 为离线事件绑定事件监听器 window.addEventListener("offline" , function() { alert("您已经变成了离线状态,所有数据将会保存到本地!"); } , true); // 判断浏览器的在线状态 if (navigator.onLine) { alert("在线"); } else { alert("离线"); } </script> </body> </html>
三 运行结果
断开网络就变成了离线状态。
相关推荐
使用JS在浏览器中判断当前网络状态的几种方法如下: 1. navigator.onLine 2. ajax请求 3. 获取网络资源 4. bind() 1. navigator.onLine 通过navigator.onLine判断当前网络状态: if(navigator.onLine){ ... }...
改进:性能 - 创建网页新进程时,判断传递参数是否合法,并且创建失败时提示用户是否重新创建(让闪游更稳定) 改进:性能 - 优化网页标签打开处理机制,开启网页更稳定 改进:功能 - Win8系统下默认浏览器的设置...
本文实例讲述了PHP检测用户是否关闭浏览器的方法。分享给大家供大家参考,具体如下: 1、例子1 echo str_repeat(" ",3000); ignore_user_abort(true);... //注意程序一定要有输出,否则ABORTED状态是检测
在手机浏览器加载页面的时候,判断手机当前的网络模式。本程序采用了两种方法,一种是按照Html5规范直接通过JavaScript进行获取,各个浏览器对这种方式的支持程度不同,经目前测试得到,火狐浏览器,百度浏览器,QQ...
1、新增了“下载云安全”功能,智能实时判断下载文件是否安全; 2、新增了“网银无忧”功能,自动安装网银安全控件,支持国内主流11家银行以及支付宝、财付通;; 3、新增了“收藏夹一键备份”功能,一键备份...
7.4.4 追踪:使用浏览器特性判断用户环境 179 7.4.5 利用漏洞CVE-2014-6332发起攻击 188 7.5 本章小结 190 8 调试工具与Shellcode 191 8.1 调试工具的用法 191 8.1.1 调试符号 191 8.1.2 WinDbg的用法 192 ...
修正启动时判断上网状态造成浏览器死机的问题2.修正about:开头网址可能被利用在浏览器上执行任意HTML和脚本代码的漏洞3.修正右键单击左侧图标关闭页面,并且设置右键单击锁定,会出现冲突的问题4.修正IE10渲染模式...
js判断移动端APP是否安装 如果安装就打开APP 没有安装就提示下载
判断端口是否打开的批处理.bat 主要用来对安卓模拟器端口判断的批处理,自己用到的
傲游3功能丰富,拥有在线收藏、鼠标手势、广告过滤、智能地址栏、多重搜索、页面截图、即时翻译等数十种实用功能,并且独有"快应用"、"团购指数"等创新性功能,充分让用户体验到基于新式浏览器的一站式互联网服务的...
这时,我们就要考虑是否可以等iframe加载完后再执行后边的操作,当然,各种浏览器早就为我们考虑到啦,看下面: ie浏览器 IE的每个elem节点都会拥有一个onreadystatechange事件,这个事件每次在elem内容发送变化的...
//判断手机横竖屏状态: function hengshuping(){ if(window.orientation==180||window.orientation==0){ alert(竖屏状态!) } if(window.orientation==90||window.orientation==-90){ alert(横屏状态!...
5.1 判断浏览器的类型 5.2 判断ie的版本 5.3 判断客户端的分辨率 6、结合类 6.1 email的判断。 6.2 手机号码的验证 6.3 身份证的验证 二、功能类 1、时间与相关控件类 1.1 日历 1.2 时间控件 1.3 ...
在给Mozilla Developer Networks改版设计的过程中,我发现使用CSS媒体查询(media queries)虽然非常的有效,但有时,JavaScript却不能及时知道用户浏览设备的状态。浏览网站的用户使用的是桌面电脑,还是平板,还是...
安卓调用webview实现浏览器的完整例子源码,这是一个很完整的一个webview例子,可以直接调用使用,页面精美,有加载状态,判断了网络连接状态
获得用户登陆状态不用说了,判断离开的话就有一点问题了,如果说用户都是按照设计者的规定触发退出事件离开的话那就没什么难度了,但是用户的离开方式多种多样,怎么在用户非法离开的时候即时的判断离开呢?...
在给Mozilla Developer Networks改版设计的过程中,我发现使用CSS媒体查询(media queries)虽然非常的有效,但有时,JavaScript却不能及时知道用户浏览设备的状态。浏览网站的用户使用的是桌面电脑,还是平板,还是...
浏览器界面设计主要确定浏览器的页面布局,设定浏览器窗口上设置哪些功能菜单项、设置哪些功能按钮、设置哪些状态栏,它们各自的位置如何、属性如何、对应的变量如何等等。 (3)浏览器代码设计 浏览器代码设计...
可用于网页端显示Live2D版的伊斯特瓦尔(Histoire),主要功能如下: 1.可以基于图灵机器人的...4.自动判断浏览器是否为IE或者手机浏览器,如果判断为true则不加载伊斯。 5.给骚扰伊斯加了限制频率,不能狂骚扰伊斯了。