零基础建站培训教程介绍

当前位置:

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

在制作手机网站时,需要判断用户访问网站的设备是手机还是电脑,然后跳转到相应的版面。判断手机或电脑访问的方法有很多,今天学做网站论坛分享一下通过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 = "https://www.xuewangzhan.net/";
    }
}
</script>

相关教程

发表评论

电子邮件地址不会被公开。 必填项已用*标注

学做网站论坛零基础学建网站课程