- 浏览: 3319243 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (567)
- Web前端-html/表单 (19)
- Web前端-CSS (24)
- Web前端-CSS框架 (4)
- Web前端-JS语言核心 (50)
- Web前端-JS客户端 (26)
- nodejs生态+grunt (10)
- seajs和requirejs (9)
- backbone等框架 (7)
- 模板基础 (7)
- Web前端-deps(不改动) (6)
- Web前端-component (10)
- Web前端-jquery-plugin (13)
- 浏览器兼容性 (6)
- Web前端-使用jQuery (25)
- Web前端-使用jqueryui (6)
- Web前端-性能优化 (3)
- Web协议-HTTP (6)
- ExtJS (13)
- PHP (22)
- PHP面向对象 (4)
- PHP扩展-SOAP (6)
- PHP扩展-curl (4)
- PHP与HTML(导出) (5)
- PHP扩展-综合 (7)
- mysql基础应用 (18)
- 技术心情 (18)
- 算法和面试题 (17)
- 工具(开发)使用 (36)
- memcached原理 (2)
- session和cookie (4)
- UML (2)
- Web前端_FusionCharts (5)
- Web前端_Flex (4)
- Web前端_JSP (3)
- JavaSE (10)
- JavaEE (4)
- tomcat (2)
- Servlet开发 (3)
- Spring开发 (1)
- REST相关 (2)
- 大访问量、高并发 (2)
- 网络编程 (1)
- YII (21)
- linux命令和内核 (12)
- yii与数据库 (10)
- yii与表单 (12)
- yii view层 (1)
- perl (7)
- yii扩展 (7)
- shell (4)
- photoshop (7)
- 视觉设计 (2)
- 我关注的名人在路上 (4)
- 1-自学能力 (1)
- 2-人际沟通能力 (3)
- 3-职业规划能力 (7)
- 4-项目管理能力 (2)
- python (3)
- django (4)
- Mysql高级应用 (6)
- prototype.js (4)
- Web系统安全 (1)
- Web前端-mobile (2)
- egret (6)
- jQuery源码分析 (5)
- fis (4)
最新评论
-
yzq21056563:
感谢作者分享~请教下,http://www.lisa33xia ...
CSS基础:text-overflow:ellipsis溢出文本 -
u012206458:
$.ajax的error,complete,success方法 -
DEMONU:
谢谢,虽然不能给你赞助,但是要给你顶
mysql中key 、primary key 、unique key 与index区别 -
njupt_tolmes:
阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿凡达阿滕庆亚 ...
CSS基础:text-overflow:ellipsis溢出文本 -
zenmshuo:
用过SpreadJS,也包含数据可视化的图表
推荐几个web中常用js图表插件
作者:zccst
navigator.online属性检测用户是否在线
以前我写webapp时都是通过ajax的超市时间来测试用户是否在线的。
这个html5的 navigator的新特性可以搞定.navigator.onLine属性,值为true表示设备能上网,值为false表示设备离线。
同时我们还可以监听用户在线离线的动作
注意,检测ononline事件,要绑定在window对象上
截止到今天,最新的浏览器都能正确使用这个属性。
目前除了IE(IE只支持navigator.onLine属性)外,其他最新浏览器都支持这个事件。
http://www.w3.org/TR/2008/WD-html5-20080610/diff/offline.html#browser0
参考 http://www.ibm.com/developerworks/cn/web/1011_guozb_html5off/
github也有人封装了比较完备的方法 https://github.com/PixelsCommander/OnlineJS
参考 http://help.dottoro.com/ljnasgpu.php
navigator.online属性检测用户是否在线
以前我写webapp时都是通过ajax的超市时间来测试用户是否在线的。
if (navigator.onLine) { //在线 } else { //离线状态 }
这个html5的 navigator的新特性可以搞定.navigator.onLine属性,值为true表示设备能上网,值为false表示设备离线。
同时我们还可以监听用户在线离线的动作
var el = document.body; if (el.addEventListener) { window.addEventListener("online", function () { alert("online");}, true); window.addEventListener("offline", function () { alert("offline");}, true); } else if (el.attachEvent) { window.attachEvent("ononline", function () { alert("online");}); window.attachEvent("onoffline", function () { alert("offline");}); } else { window.ononline = function () { alert("online");}; window.onoffline = function () { alert("offline");}; }
注意,检测ononline事件,要绑定在window对象上
截止到今天,最新的浏览器都能正确使用这个属性。
目前除了IE(IE只支持navigator.onLine属性)外,其他最新浏览器都支持这个事件。
http://www.w3.org/TR/2008/WD-html5-20080610/diff/offline.html#browser0
参考 http://www.ibm.com/developerworks/cn/web/1011_guozb_html5off/
github也有人封装了比较完备的方法 https://github.com/PixelsCommander/OnlineJS
参考 http://help.dottoro.com/ljnasgpu.php
发表评论
-
js浏览器端判断当期是否在线
2015-04-17 20:50 2368作者:zccst 纯浏览器端解决办法就是轮询,img轮询和a ... -
scroll时判断向下滚动还是向上滚动
2015-03-30 16:53 38287作者:zccst 有时候需要用到,判断页面是向上还是向下滚动 ... -
[BOM]navigator知识点
2015-03-20 14:42 4848作者:zccst 历史 最早的时候有一个浏览器叫NCSA ... -
document.body、document.documentElement和window获取视窗大小的区别
2015-03-04 15:12 27649作者:zccst 参考网址:http://www.ido32 ... -
Document,Node,Element,HTMLDocument ,HTMLCollection,HTMLElement,NodeList
2015-01-05 15:38 7557作者:zccst 这个问题如 ... -
doctype和compatModel相关
2015-01-04 19:30 711作者:zccst 一、doctype 1,严格模式与混杂模 ... -
window.history
2014-12-23 10:37 10062作者:zccst 旧版: f ... -
js 页面刷新location.reload和location.replace的区别小结
2014-12-02 20:57 129598作者:zccst reload 方法,该方法强迫浏览器刷新当 ... -
又一次掉进encodeURIComponent的坑里了
2014-11-05 18:21 22474作者:zccst 原坑: get请求 ajax.get ( ... -
DOM元素在浏览器中的位置参数,如offset,ownerDocument
2014-10-08 17:07 4253作者:zccst 2014-10-21 区分clientX ... -
js跨域的多种解决办法
2014-09-20 09:41 940作者:zccst 2015-3-11 JavaScript ... -
[Event]事件(高程版)(二)事件处理程序
2014-06-17 18:00 761作者:zccst <input type=" ... -
[Event]事件(高程版)(一)事件类型
2014-06-17 17:59 722作者:zccst 一、UI事件 1,load 两种添加方式 ... -
target与currentTarget的区别(jqueryui方式获取z-Index)
2014-06-17 12:00 15933作者:zccst 2014-6-25 今天看了jQuery ... -
JSONP原理及实现
2014-06-09 16:47 12356作者:zccst 2015-04-30 更新 跨域实现的 ... -
事件基础(高程版)
2014-06-09 16:37 1025作者:zccst 2014-5-4 一、事件流 标准:DOM ... -
DOM0-节点关系,节点操作API
2014-06-09 15:29 949作者:zccst 2014-09-20 补 ... -
document操作iframe
2013-12-13 16:26 1265作者:zccst //在iframe内获取父页面节点 win ... -
js-location对象
2013-12-11 17:05 1503zccst总结 2015-04-14 获取location的 ... -
document.body.scrollTop和document.documentElement.scrollTop
2013-09-14 14:44 1369作者:zccst 网页可见区域宽: document.bo ...
相关推荐
总的来说,通过结合Silverlight的HtmlPage对象和HTML5的navigator.onLine属性,我们可以实现类似QQ那样的网络状态判断功能,为用户提供更智能、更贴心的服务。同时,定期轮询和事件监听机制能确保在各种情况下都能...
- **navigator.onLine**:HTML5提供了`navigator.onLine`属性,用于检测浏览器是否连接到互联网。开发者可以利用这个属性来判断应用应显示在线内容还是离线内容。 - **事件监听**:还可以监听`online`和`offline`...
- **onLine**:返回一个布尔值,指示浏览器是否在线。 - **product**:返回浏览器使用的引擎(产品)。 ##### 方法 - **javaEnabled()**:返回一个布尔值,指示浏览器是否启用了Java。 - **taintEnabled()**:返回...
一种是通过`navigator.onLine`属性,这是一个全局属性,可以实时检查浏览器是否连接到互联网。另一种是使用`window.online`和`window.offline`事件,当网络状态改变时,浏览器会触发相应的事件,允许开发者根据网络...
首先,JavaScript 提供了一种名为 `navigator.onLine` 的全局属性,它可以帮助我们获取浏览器当前是否连接到互联网。这个属性返回一个布尔值,当用户设备处于在线状态时返回 `true`,离线状态则返回 `false`。例如:...
1. **navigator.onLine属性**:返回一个布尔值,表示当前设备是否在线。 2. **window.ononline和window.onoffline事件**:当浏览器从离线转为在线或反之亦然时触发。 **示例代码**: ```javascript if (navigator....
- **网络状态检测**:`navigator.onLine`可检测用户的网络状态,用于实现离线应用的功能。 - **地理定位**:`navigator.geolocation`接口可以获取用户的位置信息,常用于地图服务和个性化推荐。 - **插件检测**:...
2. 在线状态检测:HTML5提供了`navigator.onLine`属性来检测用户的网络状态。开发者可以通过检查该属性值来决定是否显示离线提示或者执行特定的离线操作。此外,`window.addEventListener('online', handler)`和`...
HTML5提供了`navigator.onLine`属性来检测浏览器当前是否在线。开发者可以监听`online`和`offline`事件,当网络状态改变时执行相应的回调函数,以提供合适的用户体验。 此外,HTML5还引入了两种本地数据存储机制:...
HTML5引入了一个新的API,即`navigator.onLine`属性,它可以帮助开发者轻松地检测用户的网络状态。这个属性返回一个布尔值,`true`表示设备连接到互联网,`false`则表示设备处于离线状态。使用方法如下: ```...
一是`navigator.onLine`属性,这是一个布尔值,表示用户设备是否连接到互联网。二是`window.addEventListener('online/offline', callback)`事件监听器,可以捕获在线或离线状态的变化,从而根据网络状态执行相应的...
2. **在线/离线状态**:`navigator.onLine` 属性可检查用户设备是否处于在线状态。 四、地理位置 1. **地理定位**:通过`navigator.geolocation` API,用户授权后可以获取设备的经纬度和其他地理信息。 五、浏览器...
支持离线 Web 应用开发是 HTML5 的另一个重点。所谓离线 Web 应用,就是在设备不能上网的情况...要知道设备是否在线还是离线,HTML5 定义了一个 navigator.onLine 属性,这个属性值为 true 表示设备能上网,值为 false
2. **在线状态检测**:HTML5提供了`navigator.onLine`属性,可以检测浏览器当前是否在线,从而决定是否显示离线提示或者加载离线内容。 3. **事件监听**:可以监听`online`和`offline`事件,当网络状态改变时执行...
6. **navigator.onLine**:返回浏览器是否连接到互联网。 7. **navigator.geolocation**:提供了获取用户地理位置的能力,是HTML5的一项重要功能。 8. **navigator.cookieEnabled**:返回浏览器是否支持Cookie。 ...
2. `onLine`:这是一个布尔值,表示设备是否处于在线状态。当网络状态发生变化时,这个属性会自动更新。 3. `getConnectionInfo()`:此方法用于获取当前的网络连接信息,返回一个包含 `type` 属性的对象。 4. `...
对于不支持的浏览器,可以借助于旧的`navigator.onLine`属性,它只区分设备是否在线,但无法区分具体网络类型。如果`navigator.onLine`为`true`,我们可以假设用户至少有某种形式的网络连接,但不能确定是Wi-Fi还是...
3. **离线检测**:使用 `navigator.onLine` 属性来检测用户的网络状态。如果离线,应用可以从本地缓存或数据库中加载资源。 4. **资源更新**:对于 AppCache,更新清单文件并重新加载页面以更新缓存。对于 Indexed...
首先,我们需要理解`navigator.onLine`属性,这是JavaScript内置的一个API,用于检测用户设备当前是否连接到互联网。但是,这个API只能提供非常基础的信息,不能区分是Wi-Fi还是蜂窝数据,也无法提供网络延迟或速度...