JS利用navigator判断终端设备是PC还是手机打开的方法

https://blog.csdn.net/a419419/article/details/78752417

JS来判断页面是在手机端还是在PC端打开的方法

我们想要的效果是pc文件和mobile文件统一入口,适配不同的设备。 
先看看项目的目录: 
这里写图片描述 
在index.html里面配置js控制选择那一个文件夹下的文件就可以了。 
我们要利用:Navigator 对象,Navigator 对象包含有关浏览器的信息。

<!DOCTYPE html>
<html>
<script>
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://blog.csdn.net/zml_2015";//适配移动端(跳到 ‘/mobile.html’)
    } else {
        window.location.href="http://m.blog.csdn.net/blog/index?username=zml_2015";//适配pc端(跳到‘/web.html’)
    }
}
browserRedirect();
</script>
 
<body>
</body>
 
</html>

猜你喜欢

转载自blog.csdn.net/wenmin1987/article/details/82497895