网页中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判断设备类型”的全部内容，欢迎大家亲测验证，评论留言，我会在看到的第一时间及时回复。

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

JS判断访问设备(userAgent)加载不同页面 JS判断客户端操作系统类型(platform)
//平台.设备和操作系统var system ={win : false,mac : false,xll : false};//检测平台var p = navigator.platform;syste ...
第三方浏览器h5 android测试,H5案例分享：使用JS判断客户端、浏览器、操作系统类型...
使用JS判断客户端.浏览器.操作系统类型一.JS判断客户端类型 JS判断客户端是否是iOS或者Android手机移动端通过判断浏览器的userAgent,用正则来判断手机是否是ios和Androi ...
js判断客户端是PC端还是移动端访问
js判断客户端是PC端还是移动端访问方法一 (推荐) function IsPC(){ var userAgentInfo = navigator.userAgent;var Agents = ne ...
js判断客户端是移动端还是PC端
//判断客户端是移动端还是pc端 //userAgent用户代理 function IsPC() { var userAgentInfo = navigator.userAgent; var Agen ...
js判断客户端是pc端还是移动端
Js判断客户端是否为PC还是手持移动设备方法一 function IsPC(){ var userAgentInfo = navigator.userAgent;var Agents = new A ...
js判断移动端，pc端，安卓，苹果浏览器的方法
js 判断安卓或者ios 之indexOf方式(一) //判断访问终端 var browser={versions:function(){var u = navigator.userAgent, ap ...
js 判断移动端还是pc端，ios或者android
js 判断移动端还是pc端,ios或者android 法一: function IsPC(){ var userAgentInfo = navigator.userAgent;var Agents = ...
C#和JQ判断移动端还是PC端
判断移动端还是PC端浏览网页可以使用两种方法: 1.在C#语句进行判断 /// <summary>/// 判断是移动端/// </summary>/// <returns ...
360浏览器打不开网页_苹果移动端、PC端safari浏览器打不开网页的解决方案！
你还在为苹果自带的safari浏览器打不开网页而苦恼吗,接下来的答案会帮助你解决苦恼. 苹果自带safari浏览器的设备分为两种:移动端.PC端.因此不同设备出现safari浏览器打不开网页的情况需要 ...

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

文章目录

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

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

userAgent 属性的值

代码块

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

最新文章

热门文章