JS判断手机或电脑访问并跳转

在制作手机网站时，需要判断用户访问网站的设备是手机还是电脑，然后跳转到相应的版面。判断手机或电脑访问的方法有很多，今天学做网站论坛分享一下通过JS判断手机或电脑访问并跳转的方法，这个方法简单好用。（相关知识：如何学习制作响应式手机网站课程）

JS判断方法一

通过判断用户浏览设备的屏幕宽度来匹配手机还是电脑

<script>

if(window.screen.availWidth<768){

window.location.href="手机网址";

}else{

window.location.href="电脑网址";

}

</script>

JS判断方法二

通过判断用户访问设备的型号进行匹配来判断手机还是电脑访问。

<script type="text/javascript">

//判断是否移动端访问

browserRedirect();

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 = "http://ke.xuewangzhan.net/";

    }

}

</script>