现在手机上网的人越来越多，但用手机访问PC站点的时候，会出现整个网站混乱的状态，因为PC站点是按电脑尺寸来设计的，而手机屏幕又那么小，所以用手机打开PC站点会乱。那么如果有一个程序可以识别手机端就好了，这样我用手机打开PC站点时就会跳转到手机站点了。这样的程序是有的，只要在PC站点加上以下一段JS代码就行了。
<script>
//手机端跳转代码
var pc_style=""
var browser={versions:function(){
var u = navigator.userAgent, app = navigator.appVersion;
return {//移动终端浏览器版本信息
trident: u.indexOf('Trident') > -1, //IE内核
presto: u.indexOf('Presto') > -1, //opera内核
webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/)&&u.indexOf('QIHU')&&u.indexOf('Chrome')<0, //是否为移动终端
ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') > -1, //是否iPad
webApp: u.indexOf('Safari') == -1, //是否web应该程序，没有头部与底部
ua:u
};
}(),
language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
if(browser.versions.mobile&&!browser.versions.iPad){
this.location = "http://wap.xxxx.com";//你的手机网站
}
</script>
虽然这样的方法可以解决直接跳转的问题，但对于哪些没有手机站的企业而言，是一点用都没有的。再者现在的终端的多样性，建议还是做相应式网站，来彻底解决个各种终端访问网站错乱的情况。
|
