JS判断是PC还是手机打开不同页面

1

1

2

1、二者大不相同，所以用加载不同的css等方式不好实现，而我们加用下面的JS代码后，问题就变得很简单。

代码1：

<script type="text/javascript">

<!-- 

//平台、设备和操作系统

var system ={

win : false,

mac : false,

xll : false

};

//检测平台

var p = navigator.platform;

system.win = p.indexOf("Win") == 0;

system.mac = p.indexOf("Mac") == 0;

system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);

//跳转语句，如果是手机访问就自动跳转到wap.baidu.com页面

if(system.win||system.mac||system.xll){

}else{

window.location.href="手机站链接";

}

-->

</script>

否则打开网站默认页面

2、代码2：

<script type="text/javascript">

function browserRedirect() { 

var sUserAgent= navigator.userAgent.toLowerCase(); 

var bIsIpad= sUserAgent.match(/ipad/i) == "ipad"; 

var bIsIphoneOs= 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) == "ucweb"; 

var bIsAndroid= sUserAgent.match(/android/i) == "android"; 

var bIsCE= sUserAgent.match(/windows ce/i) == "windows ce"; 

var bIsWM= sUserAgent.match(/windows mobile/i) == "windows mobile"; 

if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { 

window.location.href= '手机站链接'; 

} else { 

window.location= 'PC站链接'; 

} 

} 

browserRedirect(); 

</script>

引入代码后系统可以自动判断是手机平板等移动设备还是PC客户端，而打开不同的页面，而展示我们设置的相应页面，交互友好，更有利于留住客户。