JS如何判断页面是在手机端还是在PC端打开的方法

网站开发过程中总会碰到客户端是否是手机端还是PC端，那如何判断页面是在移动端还是PC端打开的呢？

首先来了解一下Navigator 对象，Navigator 对象包含有关浏览器的信息，下面的userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。所以我们可以通过判断navigator.useragent里面是否有某些值来判断。看如下代码：

if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
    window.location.href = "http://sucai.gxyourui.cn/Mobile/Article/blog";
} else {
    window.location.href = "http://sucai.gxyourui.cn/Home/Article/blog";
}

如图：

JS如何判断页面是在手机端还是在PC端打开的方法

您还可以使用如下代码来判断：

(function browserRedirect(){
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == 'ipad';
var bIsIphone = sUserAgent.match(/iphone os/i) == 'iphone os';
var bIsMidp = sUserAgent.match(/midp/i) == 'midp';
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == 'rv:1.2.3.4';
var bIsUc = sUserAgent.match(/ucweb/i) == 'web';
var bIsCE = sUserAgent.match(/windows ce/i) == 'windows ce';
var bIsWM = sUserAgent.match(/windows mobile/i) == 'windows mobile';
var bIsAndroid = sUserAgent.match(/android/i) == 'android';
if(bIsIpad || bIsIphone || bIsMidp || bIsUc7 || bIsUc || bIsCE || bIsWM || bIsAndroid ){
window.location.href = “http://sucai.gxyourui.cn/mobile/Article/blog”
}

})();

具体详情可前往http://sucai.gxyourui.cn/Home/Article/blog_detail/article_id/48.html查看