Chrome navigator.onLine 问题

最新推荐文章于 2023-10-22 11:42:50 发布

骑毛驴上塔楼

最新推荐文章于 2023-10-22 11:42:50 发布

阅读量2.1k

点赞数

分类专栏： web前端文章标签： html5 离线缓存 onLine

本文链接：https://blog.csdn.net/myliveisend/article/details/19675613

版权

web前端专栏收录该内容

8 篇文章 0 订阅

订阅专栏

navigator.onLine可以简单检测本地客户端是否在线。

使用方法。

var _navigatorIsOnline = navigator.onLine;
window.addEventListener("online", function() {
		_navigatorIsOnline = true;
	}, false);
	
	window.addEventListener("offline", function() {
		_navigatorIsOnline = false;
	}, false);
function netstat() {
		return _navigatorIsOnline;
	}

但是在Chrome32下会有一个bug

比如有2个html

window1.html和window2.html分别如下,

现象，当断网后，在window1.html中点击new按钮，该状态立马被改变。变为在线。但网络并没有连接上。

window1.html

<html manifest="main.manifest">
<head>
<script>
var child;
function newWin(e) {
	child = window.open("window2.html");
}
window.addEventListener("online", function(e) {
	console.log(e);
	console.log("online");
	alert("online")
}, false);

window.addEventListener("offline", function(e) {
	console.log(e);
	console.log("offline");
	alert("offline")
	e.stopPropagation();
}, false);
console.log(navigator.onLine)
navigator.onLine = false;


</script>
</head>

<input type=button value="New Window" οnclick="newWin(event);"/>
<a href="window2.html" target="_blank">New Window</a>
<html>

main.manifest

CACHE MANIFEST  
#VERSION ${version}
# 直接缓存的文件  
CACHE:
window2.html
#需要在時刻在线的文件  
NETWORK:  
*
# 替代方案  
FALLBACK:

window2.html

<body οnunlοad="test();">
<input type=text >
<span>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</span>
</body>
<script>
window.addEventListener("online", function() {
	console.log("online");
}, false);

window.addEventListener("offline", function() {
	console.log("offline");
}, false);
console.log(navigator.onLine)
</script>

骑毛驴上塔楼

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Chrome navigator.onLine 问题

navigator.onLine可以简单检测本地客户端是否在线。使用方法。var _navigatorIsOnline = navigator.onLine;window.addEventListener("online", function() { _navigatorIsOnline = true; }, false); window.addEventListen
复制链接

扫一扫