官网一般结构复杂的都写两套,pc端一套代码,移动端一套代码,当用户用不同的设备时访问不同的页面,以下是代码:
这部分写在移动端和pc端都公用的一个common.js里面
function IsPC() {
var userAgentInfo = navigator.userAgent;
var Agents = ["Android", "iPhone",
"SymbianOS", "Windows Phone",
"iPad", "iPod"];
var flag = true;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) {
flag = false;
break;
}
}
return flag;
}
在pc页面中的index.html中加一段js
/*如果不是pc设备访问 跳转到移动端*/
if(!IsPC()){
window.location.href="移动端页面路径";
}
在移动端页面中的index.html中也加入一段
/*如果是pc设备 跳转到pc端页面*/
if(IsPC()){
window.location.href="pc端页面路径";
}
网友评论