判断浏览器在线状态

最新推荐文章于 2018-11-28 09:36:54 发布

最新推荐文章于 2018-11-28 09:36:54 发布 · 256 阅读

文章标签：

#浏览器 #在线状态

JavaScript 专栏收录该内容

188 篇文章

订阅专栏

本文介绍了HTML5提供的两种在线状态检测方法：navigator.onLine属性和online/offline事件，并通过示例代码展示了如何使用这些方法来判断浏览器的在线状态。

一介绍

为了判断浏览器的在线状态，HTML 5提供了两种方法来检测是否在线。

1、navigator.onLine属性：该属性可返回当前是否在线。如果返回true，则表示在线，如果返回false，则表示离线。当网络状态发生变化时，该值也会随之变化。

2、online/offline事件：如果开发者需要在网络状态发生变化时立刻得到通知，则可以通过HTML 5的online/offline事件来检测。

二代码

<!DOCTYPE html>
<html manifest="online.manifest">
<head>
	<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
	<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
	<title> 测试在线状态 </title>
</head>
<body>
<script type="text/javascript">
	// 为离线事件绑定事件监听器
	window.addEventListener("offline" , function()
	{
		alert("您已经变成了离线状态，所有数据将会保存到本地！");
	} , true);
	// 判断浏览器的在线状态
	if (navigator.onLine)
	{
		alert("在线");
	}
	else
	{
		alert("离线");
	}
</script>
</body>
</html>

三运行结果

断开网络就变成了离线状态。