window.addEventListener("offline", function() {
let title;
let content;
let language = sessionStorage.getItem("language");
if (language === "en") {
title = "Internet connection failed";
content =
"Unable to establish connection with BIOMIND service, please check the network equipment or contact the administrator";
} else {
title = "网络链接失败";
content = "无法与BIOMIND服务建立连接，请检查网络设备或者与管理员联系。";
}
document.write(`
<!doctype html>
<html lang="en" manifest="/cache.appcache">
<head>
<meta charset="utf-8">
<title>网络链接失败</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
*{margin:0;line-height:1.2}
html{display:table;width:100%;height:100%;color:#888;text-align:center;font-family:sans-serif}
body{display:table-cell;margin:2em auto;vertical-align:middle}
h1{margin:0 0 .5em;color:#555;font-weight:400;font-size:2em}
p{margin:0 auto;padding:0;width:300px;list-style:none;line-height:2em}
</style>
</head>
<body>
<h1 id="title">${title}</h1>
<p id="content">${content}</p>
</ul>
<script>
window.addEventListener("online", function() {
window.location.reload();
});
</script>
</body>
</html>
`);
});
网络连接失败时添加页面展示，添加方法
最新推荐文章于 2021-11-03 18:06:07 发布
3万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
