javascript怎样进行网络状态检测?_javascript中如何判断在线与离线?

admin 百科 12
JavaScript通过navigator.onLine属性和online/offline事件检测网络状态,但仅反映浏览器连接认知而非真实可达性;需结合fetch探测等增强验证。

javascript怎样进行网络状态检测?_javascript中如何判断在线与离线?-第1张图片-佛山资讯网

JavaScript 主要通过 navigator.onLine 属性和监听 online / offline 事件来检测网络状态,但它有局限性——只反映浏览器是否“认为”已连接到网络,不保证能访问服务器或互联网。

使用 navigator.onLine 判断当前状态

navigator.onLine 是一个只读布尔值,返回 true 表示浏览器认为在线(比如网线插着、Wi-Fi 已连),false 表示明确离线(如飞行模式开启、禁用所有网络适配器)。

注意:它不会发起真实请求验证网络可达性。例如,路由器断网但电脑仍连着 Wi-Fi,navigator.onLine 仍可能返回 true

  • 直接读取:if (navigator.onLine) { /* 在线逻辑 */ }
  • 页面加载后立即检查:console.log('初始状态:', navigator.onLine);

监听 online 和 offline 事件

浏览器会在网络连接状态变化时触发全局事件,适合做实时响应:

立即学习“Java免费学习笔记(深入)”;

标签: javascript java 浏览器 edge 电脑 路由器 safari ai 路由 wi-fi win dns

发布评论 0条评论)

还木有评论哦,快来抢沙发吧~