用JavaScript实现网站自动跳转电脑PC端与手机端不同页面

前天,有一个网友希望在其微擎系统跳转的时候实现鉴别用户不同的客户端,比如电脑PC端和手机端,实现不同的页面跳转。对于之前国外主机优惠有给其设置过PC端网站然后检测手机访问的时候跳转到WAP网站的案例,对于这个分两个流量转出的效果只能去搜索解决方法。

蒋网上提供的方法还是很多的,但是经过测试能兼容较多系统的可以用这个方法实现。

<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= \’手机端跳转页面URL\’;
} else {
window.location= \’PC端跳转页面URL\’;
}
}
browserRedirect();
</script>

老我们可以直接将上面的JS代码添加到访问页面头部或者单独设置一个页面,然后设置我们需要跳转的PC和手机端URL或者页面。