js手机网络检测

最新推荐文章于 2023-08-29 21:15:57 发布

weixin_30556959

最新推荐文章于 2023-08-29 21:15:57 发布

阅读量82

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lfqcode/p/7662359.html

版权

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset=UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>Connection API</title>
</head>
<body>
<button id="btn" type="button">Get Ststus</button>
<div id="re" style="margin-top: 10px;"></div>
<script type="text/javascript"> 
var connection = navigator.connection||navigator.mozConnection||navigator.webkitConnection||{tyep:'unknown'};
var type_text = ['unknown','ethernet','wifi','2g','3g','4g','none'];
 
alert(connection.type);
var re_el = document.getElementById("re");
var btn_el = document.getElementById("btn");
function get_status(){
	if(typeof(connection.type) == "number"){
		connection.type_text = type_text[connection.type];
	}else{
		connection.type_text = connection.type;
	}
	if(typeof(connection.bandwidth) == "number"){
		if(connection.bandwidth > 10){
			connection.type = 'wifi';
		}else if(connection.bandwidth > 2){
			connection.type = '3g';
		}else if(connection.bandwidth > 0){
			connection.type = '2g';
		}else if(connection.bandwidth == 0){
			connection.type = 'none';
		}else{
			connection.type = 'unknown';
		}
	}
	var html = 'Type : '+connection.type_text;
		html += '<br>Bandwidth : '+connection.bandwidth;
		html += '<br>isOnline : '+navigator.onLine;
		re_el.innerHTML = html;
}
 
btn_el.onclick = function(){
	re_el.innerHTML = 'Waiting...';
	get_status();
}
 
</script>
</body>
</html>

转载于:https://www.cnblogs.com/lfqcode/p/7662359.html

weixin_30556959

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js手机网络检测

<!DOCTYPE HTML><html lang="en"><head><meta charset=UTF-8"><meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">...
复制链接

扫一扫