您的位置:首页 > 移动开发

JS判断手机端访问页面并跳转到指定页面

2017-06-20 09:30 399 查看
     前段时间在做一个电商页面时,客户要求移动端和PC端访问的页面不一样。如何判断是手机访问并跳转到指定的页面去呢?用JS可以实现,直接上Jquery代码了:

创建文件名jquery.1.min.js:

    

var domain = ["http://blog.csdn.net/sinat_34231050"];
var al = new Array("iPad", "iPhone", "Android", "X11", "MIDP",                    //手机型号
"Opera Mobi", "Opera Mini", "BlackBerry", "HP iPAQ", "IEMobile",
"MSIEMobile", "Windows Phone", "HTC", "LG", "MOT", "Nokia",
"Symbian", "Fennec", "Maemo", "Tear", "Midori", "armv",
"Windows CE", "WindowsCE", "Smartphone", "240x320", "176x220",
"320x320", "160x160", "webOS", "Palm", "Sagem", "Samsung", "SGH",
"Siemens", "SonyEricsson", "MMP", "UCWEB");
function toUrl() {
var i = parseInt(Math.random() * (domain.length));
window.location.href = domain[i];
}
function checkUA() {
var userAgent = navigator.userAgent;
var ifWap = "";
for ( var mobile in al) {
var m = al[mobile];
var ms = new RegExp(m.toLowerCase());
if (ms.test(userAgent.toLowerCase())) {
switch (m.toLowerCase()) {
case "ipad":
ifWap = "ipad";
toUrl();
break;
case "iphone":
ifWap = "iphone";
toUrl();
break;
default:
ifWap = "other";
toUrl();
break;
}
} else {
ifWap = "PC";
}
if (ifWap != "" && ifWap != "PC")
break;
}
}
checkUA();


在页面中引入该JS文件:

  <script src="jquery.1.min.js" type="text/javascript"></script>

 

     
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息