JS判断手机自动跳转到手机网站
为了让手机用户浏览网站的方便,我们做网站时,会做响应式自适应网站。可以自动判断用户浏览设备进行转换网站版面。如果用户使用手机浏览就跳转到手机网站。
除了自适应网站之外,我们还可在做网站时使用JS判断手机自动跳转到手机网站。方法也是比较简单。
如果你有PC网站和手机网站二个版面,例如二者的域名分别是www.xuewangzhan.net和wap.xuewangzhan.net,那么你就可以在PC网站的头部文件里放以下的JS进行判断。
<script type="text/javascript">
var mobileAgent = new Array("iphone", "ipod", "ipad", "android", "mobile", "blackberry", "webos", "incognito", "webmate",
"bada", "nokia", "lg", "ucweb", "skyfire");
var browser = navigator.userAgent.toLowerCase();
var isMobile = false;
for (var i=0; i<mobileAgent.length; i++) {
if (browser.indexOf(mobileAgent[i])!=-1) {
isMobile = true;
location.href = 'http://wap.xuewangzhan.net';
break;
}
}
</script>
这段代码可以判断手机移动设备并跳转手机版,如果是手机访问就跳转到wap.xuewangzhan.net,如果是电脑浏览就不会跳转,仍然是www.xuewangzhan.net。
补充:除了上面的JS判断代码之外,还可以用以下的判断代码来判断手机进行跳转。
<script type="text/javascript">
//判断浏览器跳转手机站
try {
var urlhash = window.location.hash;
if (!urlhash.match("fromapp")) {
if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) {
window.location = "/wap/index.html";
}
}
} catch (err) {}
</script>
同样下面的代码也可以判断使用。
<script type="text/javascript">if(window.location.toString().indexOf('pref=padindex') != -1){}else{if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){if(window.location.href.indexOf("?mobile")<0){try{if(/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){window.location.href="./m/index.html";}else if(/iPad/i.test(navigator.userAgent)){}else{}}catch(e){}}}}</script>