在线
, 离线
, 的提醒) .<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>检测在线或离线</title>
</head>
<body>
<style>
#desc {
font-size: 20px;
color: #44A1F8;
}
</style>
<div id="desc">
检测在线或离线的Demo
</div>
<script>
window.addEventListener('online', function() {
let option = {
title: "有网了!",
body: "机子帮你开好了, 快来上网啊~",
icon: "../static/online.ico",
};
// 创建上线通知
new window.Notification(option.title, option);
console.log('有网络了');
})
window.addEventListener('offline', function() {
let option = {
title: "断网了!",
body: "尝尝10亿伏特!还敢上网不?(炮姐如是说!)",
icon: "../static/offline.ico",
};
// 创建上线通知
new window.Notification(option.title, option);
console.log('断网了');
})
</script>
</body>
</html>
检测在线与离线的api非常容易实现, 在window上绑定两个回调函数, 就实现了监听网络的功能(用js的回调函数实现
检测在线与离线
的功能真的非常简洁, 同样的, 用监听网络在线
或离线
的逻辑来解释"js回调函数"的思想也是非常贴切)
这是用Electron创建跨平台应用的第四弹, 如果你想对Electron有更详细的了解, 欢迎查看其它章节的内容目录: https://cloud.tencent.com/developer/article/1344378