前言
在前端开发过程中，我们经常使用一些工具或者库来辅助我们完成项目的开发。npm 是我们经常使用的包管理工具之一。而本文介绍的 browser-is-online 就是一个 npm 包，它可以用来检测当前浏览器是否联网。该包可以使我们的应用更健壮，给用户更好的体验。
安装
在终端中输入以下命令进行安装：
--- ------- -----------------
使用
使用非常简单，只需要引入该库，并调用 isOnline 方法即可。
------ - -------- - ---- -------------------- -- ------------ - ------------------------ - ---- - ------------------------ -
原理
该包的原理是通过发送一个特定的 HTTP 请求来判断当前浏览器是否联网。如果 HTTP 请求能够成功，则表示当前浏览器已联网，反之则未联网。
该包默认使用了 https://www.baidu.com 这个 URL 来进行检测。如果这个 URL 不可用，也可以通过调用 isOnline 方法时传入想要检测的 URL。
---------------------------------- -- ------
使用场景
当前浏览器是否联网：通过该包，我们可以快速的判断当前浏览器是否联网，从而给用户最及时的反馈。
监听网络变化：在某些场景下，我们希望能够监听当前网络变化，当网络发生变化时，能够及时的给用户提示。
总结
browser-is-online 是一个非常实用的 npm 包，它可以帮助我们快速的判断当前浏览器是否联网，并且使用非常简单。在实际的开发过程中，我们可以结合该包来为用户提供更好的体验。
示例代码
------ - -------- - ---- --------------------
--------------------------------------------- -- -- -
-- ------------ -
---------------------
- ---- -
---------------------
-
--在上面的示例代码中，我们在 window 对象上监听了 connectivitychange 事件，当网络状态发生变化时，会触发该事件，并会调用 isOnline 方法来判断当前浏览器是否联网。如果联网，则打印 '网络已连接'，反之则打印 '网络已断开'。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066c88ccdc64669dde50fe