js实现pc和手机的判断

如果你不太会自适应，不能把pc端和手机端的网页都用同一个html页面，那就就必须写两个站（PC用www域名，手机用wap二级域名），一个PC，一个手机，那么如何做到识别用户是PC客服端还是手机客户端登陆的你网站的呢（并且能够实现在手机端输入www域名的时候不加载PC端的网页直接跳转到手机端的网页），这就需要js来对客户端的系统进行判断

我这里有三段代码，都可以实现这个效果用法一样，优劣如何，就看你的需求如何

 不过，这里也有2个疑问点，请先看代码，我后面再解答

1.

<script type=“text/javascript”>

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;

}

</script>

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=B页面;

}

}

browserRedirect();

</script>

3

<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);

//跳转语句

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

window.location.href="http://www.weishengyule.cn";

}else{

window.location.href="http://wap.weishengyule.cn";

}

</script>

疑问：js脚本都是在HTML页面加载完毕后才运行的，我这样做会不会出现在手机端输入PC端网页的域名会先完全加载完毕网页才跳转到手机端的网页

情景一：会出现完全加载后才跳转到手机端网页

原因：1.你没有把代码放在head的第一行    2.你用外部文件加载进来的

情景二：不会出现以上的情况，直接进入手机端网页

方法：直接用<script type="text/javascript">代码</script> 这样的方式，就不会出现问题

疑问二：谁优谁劣

个人喜欢第三个

原因：用变量的方式来给函数命名，理论上会直接加载他来运行【依据，我师傅说的】，个人感觉三个的效果都没差别

js实现pc和手机的判断