原生js获取设备的电池状态与网络状态

最新推荐文章于 2024-04-26 10:00:00 发布

Eason_Lou

最新推荐文章于 2024-04-26 10:00:00 发布

阅读量676

点赞数

分类专栏：前端文章标签： javascript html html5

本文链接：https://blog.csdn.net/weixin_54366356/article/details/121378290

版权

前端专栏收录该内容

28 篇文章 3 订阅

订阅专栏

原生js获取设备的电池状态与网络状态

<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>js获取当前设备的电量与网络状况</title>
	</head>
	<body>
		<script type="text/javascript">
			navigator.getBattery().then(function(battery) {
				console.log(battery)
				// 是否正在充电，yes-充电
				console.log("是否正在充电--" + (battery.charging ? "是" : "否"));
				// 当前剩余电量
				console.log("当前电量: " + battery.level * 100 + "%" + '--' + new Date().toLocaleTimeString());

				battery.addEventListener("chargingchange", function() {
					console.log("是否正在充电--" + (battery.charging ? "是" : "否"));
				});

				battery.addEventListener("levelchange", function() {
					console.log("当前电量: " + battery.level * 100 + "%" + '--' + new Date()
						.toLocaleTimeString());
				});
			});
			// true为连接成功
			console.log("网络状态：" + window.navigator.onLine)
			window.addEventListener("offline", function(e) {
				console.log("网络已断开")
			});

			window.addEventListener("online", function(e) {
				console.log("网络已连接")
			});
		</script>
	</body>
</html>

Eason_Lou

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
2
评论
原生js获取设备的电池状态与网络状态

原生js获取设备的电池状态与网络状态<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <
复制链接

扫一扫

专栏目录