目前移动互联网APP的网站多在网站主页面首先检测访问设备的类型,然后如果检测到是移动终端访问,会对访问地址重定向处理。一般采用代码如下。
1. 示例1
<script type="text/javascript">
//ismobile
var mobileAgent = new Array("iphone", "ipod", "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 = '/app.html';
break;
}
}
</script>
- 示例2
var browser = function () {
var u = navigator.userAgent, app = navigator.appVersion;
return {//移动终端浏览器版本信息
trident: u.indexOf("Trident") > -1, //IE内核
presto: u.indexOf("Presto") > -1, //opera内核
isWebKit: u.indexOf("AppleWebKit") > -1, //苹果、谷歌内核
gecko: u.indexOf("Gecko") > -1 && u.indexOf("KHTML") == -1, //火狐内核
isMobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
isIos: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
isAndroid: u.indexOf("Android") > -1 || u.indexOf("Linux") > -1, //android终端或者uc浏览器
iPhone: u.indexOf("iPhone") > -1 , //是否为iPhone或者QQHD浏览器
iPad: u.indexOf("iPad") > -1, //是否iPad
webApp: u.indexOf("Safari") == -1, //是否web应该程序,没有头部与底部
isWeChat: u.toLowerCase().match(/MicroMessenger/i) == 'micromessenger'
};
}();