如何用JavaScript检测离线/在线状态-创新互联
创新互联www.cdcxhl.cn八线动态BGP香港云服务器提供商,新人活动买多久送多久,划算不套路!
创新互联公司2013年成立,是专业互联网技术服务公司,拥有项目网站设计、成都网站制作网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元清镇做网站,已为上家服务,为清镇各地企业和个人服务,联系电话:13518219792如何用JavaScript检测离线/在线状态?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。
这两年离线浏览技术越来越流行,最常见的就是HTML5移动应用里,有很多普通的Web app也使用了这些技术。但是,新技术的出现有时会给我们WEB开发人员带领额外的苦恼,比如,如何判断用户现在是在线还是离线?幸好,有矛就有盾,JavaScript里的navigator
对象帮我们解决这个问题。
navigator.onLine
navigator.onLine
属性能给我们提供一个布尔值,用来判断用户是否连接了互联网。你可以这样访问它:
if(navigator.onLine) { // true|false // ... }
没有比这更简单的了!
事件我们除了能检测这个离线/在线属性值外,还可以绑定offline
和 online
事件:
function updateIndicator() { // 这时可以根据offline/online按钮的颜色 } // 根据网络连接情况更新在线状态 window.addEventListener('online', updateIndicator); window.addEventListener('offline', updateIndicator); updateIndicator();
当然,老式的技术里也提供了相应的方法,在body
标记上使用ononline
和 onoffline
方法。
我可以想象到很多地方都需要使用这些事件和属性。比如一种情况,当用户正在工作时,断网了,如果我们的WEB应用可以检测出这种状态,可以将用户的写作保持到本地的Web Storage里,等网络恢复后,再提交到服务器上,这样,断网将不会给用户的写作带来影响。这只是一个简单的例子,相信你能想出更多。
需要提醒的是,这个API并不是那么可靠。最古老的定时刷新的技术可以当做一种备案。
看完上述内容是否对您有帮助呢?如果还想对相关知识有进一步的了解或阅读更多相关文章,请关注创新互联-成都网站建设公司行业资讯频道,感谢您对创新互联的支持。
网页标题:如何用JavaScript检测离线/在线状态-创新互联
当前URL:http://pwwzsj.com/article/cdcdjp.html