desc:页面加载完成后进行监听设备是否在线,不同状态下执行相应代码
原生项目/Vue等项目均可使用
window.addEventListener("load", () => {
const handleNetworkChange = () => {
if (navigator.onLine) {
this.$message.info("你已经连上网络 🔗");
} else {
this.$message.info("你的网络断开了了 ⛓️💥");
}
};
handleNetworkChange();
// 浏览器开始在线时触发
window.addEventListener("online", handleNetworkChange);
// 浏览器开始离线时触发
window.addEventListener("offline", handleNetworkChange);
});