通过JS判断浏览器客户为手机端还是PC端

最新推荐文章于 2022-06-27 11:56:49 发布

cjj_jianjun

最新推荐文章于 2022-06-27 11:56:49 发布

阅读量339

点赞数 2

分类专栏：前端_小技巧

本文链接：https://blog.csdn.net/cjj_jianjun/article/details/90285760

版权

前端_小技巧专栏收录该内容

5 篇文章 0 订阅

订阅专栏

通过JS判断浏览器客户为手机端还是PC端

获得客户端的详细信息

<script type="text/javascript">
	window.onload = function(){
		alert(navigator.userAgent);
	}
</script>

这是在谷歌浏览器PC下测试结果

Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.108 Safari/537.36

这是在谷歌浏览器iPhoneX下测试结果

Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1

判断客户端为手机端还是PC端

<script type="text/javascript">
	window.onload = function(){
		if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)){
			alert("手机端");
		}else{
			alert("PC端");
		}
	}
</script>

<script type="text/javascript">
	window.onload = function(){
		if(/window/i.test(navigator.userAgent)){
			alert("PC端");
		}else{
			alert("手机端");
		}
	}
</script>