js判断用户的浏览器设备是移动端还是pc端

最近做的一个网站页面中需要根据用户的访问设备的不同来显示不同的页面样式，主要是判断移动设备还是电脑浏览器访问的。

下面给出js判断处理代码，以作参考。

<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";

            document.writeln("您的浏览设备为：");

            if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {

                document.writeln("phone");

            } else {

                document.writeln("pc");

            }

        }

        browserRedirect();

</script>

用电脑上的浏览器，android设备，iphone，ipad均做过测试，此代码可行，各设备判断均正确。

判断是否微信浏览器中打开

function is_weixn(){

    var ua = navigator.userAgent.toLowerCase();

    if(ua.match(/MicroMessenger/i)=="micromessenger") {

        return true;

    } else {

        return false;

    }

}

本文转自：http://www.cnblogs.com/babycool/

作者：酷小孩

出处：http://www.cnblogs.com/babycool/

本文首发博客园，版权归作者跟博客园共有。

转载必须保留本段声明，并在页面显著位置给出本文链接，否则保留追究法律责任的权利。

秒客网

js判断用户的浏览器设备是移动端还是pc端

相关文章