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