首页教程专区 网页代码 正文

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

电脑PC端和手机端,实现不同的页面跳转,今天修改网站正好需要这个功能然后上网查了一下,

代码如下:

<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= '电脑地址';
}
}
browserRedirect();
</script>

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

-- 展开阅读全文 --