关于网页js判断“客户端设备类型是移动端还是PC端“的解决方法？

最新推荐文章于 2022-08-19 10:51:20 发布

草巾冒小子

最新推荐文章于 2022-08-19 10:51:20 发布

阅读量4.1k

点赞数 1

分类专栏： JavaScript 设备类型(移动端/PC端)判断文章标签：手机 javascript web

本文为CSDN博主原创文章，不允许其他平台转载。擅自转载至其他平台，严肃追究！

本文链接：https://blog.csdn.net/qq_35393869/article/details/73254724

版权

JavaScript 同时被 2 个专栏收录

70 篇文章 2 订阅

订阅专栏

设备类型(移动端/PC端)判断

3 篇文章 0 订阅

订阅专栏

文章目录

网页中js如何判断设备类型是手机端还是pc端？

网页中js如何判断设备类型是手机端还是pc端？

有时候会在项目中遇到设备类型判断的问题，这里和大家分享一个js判断设备类型的办法；

通过这个办法，不仅有效解决设备类型的判断问题，并且可直接根据设备类型不同而改变用户访问的网页链接。

说到设备类型的判断，这里不得不提一下HTML DOM userAgent属性。简单的来说，userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。

userAgent 属性的值

一般来讲，它是在 navigator.appCodeName 的值之后加上斜线和 navigator.appVersion 的值构成的。详细内容请参考 [ W3C ] 中的定义，这里我们就不做深入研究了。另外，可以查看各种浏览器UserAgent一览表(桌面+移动)了解不同设备之间的区别。

代码块

下面是在工作中，经过不断学习和研究，本人总结出的最佳效果，基本可以满足项目的中等需求：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>当前客户端是否为手机</title>
		<script>
			function isMobile(){
			    var ua = navigator.userAgent.toLowerCase();
				var StringPhoneReg = "\\b(ip(hone|od)|android|opera m(ob|in)i"
			+ "|windows (phone|ce)|blackberry"
			+ "|s(ymbian|eries60|amsung)|p(laybook|alm|rofile/midp"
			+ "|laystation portable)|nokia|fennec|htc[-_]"
			+ "|mobile|up.browser|[1-4][0-9]{2}x[1-4][0-9]{2})\\b";
				var StringTableReg = "\\b(ipad|tablet|(Nexus 7)|up.browser"
			+ "|[1-4][0-9]{2}x[1-4][0-9]{2})\\b";
			
			console.log(ua);
			var isIphone = ua.match(StringPhoneReg),
			    isTable = ua.match(StringTableReg),
			    isMobile = isIphone || isTable;
			 
			    if(isMobile) {
			    	alert("yes");
			    	window.location.href="http://www.baidu.com";
			        return true;
			    }else {
			    	alert("no");
			    	window.location.href="http://www.taobao.com";
			        return false;
			    }
			}
		</script>
	</head>
	<body onload="isMobile();">
		  <p> yes : 表示为移动端 </p>
		  <p> no : 表示为PC端 </p>
	</body>
</html>

建议大家不只是在电脑段模拟手机效果。

以上就是“关于js判断设备类型”的全部内容，欢迎大家亲测验证，评论留言，我会在看到的第一时间及时回复。

草巾冒小子

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
关于网页js判断“客户端设备类型是移动端还是PC端“的解决方法？

网页中js如何判断设备类型是手机端还是pc端？有时候会在项目中遇到设备类型判断的问题，这里和大家分享一个js判断设备类型的办法；通过这个办法，不仅有效解决设备类型的判断问题，并且可直接根据设备类型不同而改变用户访问的网页链接。说到设备类型的判断，这里不得不提一下HTML DOM userAgent属性。简单的来说，userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的
复制链接

扫一扫