JS判断客户端是否是iOS或者Android

智能终端浏览器版本检测与定向

最新推荐文章于 2025-06-12 16:36:08 发布

原创最新推荐文章于 2025-06-12 16:36:08 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一段用于检测浏览器类型、版本、语言及移动端的JavaScript代码，并根据检测结果进行浏览器定向，确保用户获得最佳体验。

<script type="text/javascript">
//判断访问终端 
var browser={ 
    versions:function(){
        var u = navigator.userAgent, app = navigator.appVersion;
        return{
            trident: u.indexOf('Trident') > -1,//IE内核
            presto: u.indexOf('Presto') > -1,//opera内核
            webKit: u.indexOf('AppleWebKit') > -1,//苹果、谷歌内核
            gecko: u.indexOf('Gecko') > -1&&
 u.indexOf('KHTML') == -1,//火狐内核
            mobile: !!u.match(/AppleWebKit.*Mobile.*/),//是否为移动终端
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),//ios终端
            android: u.indexOf('Android') > -1||
 u.indexOf('Linux') > -1,//android终端或者uc浏览器
            iPhone: u.indexOf('iPhone') > -1,
//是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad') > -1,//是否iPad
            webApp: u.indexOf('Safari') == -1,//是否web应该程序，没有头部与底部
            weixin: u.indexOf('MicroMessenger') > -1,//是否微信
 （2015-01-22新增） 
            qq: u.match(/\sQQ/i) ==" qq"
//是否QQ 
        };
    }(),
    language:(navigator.browserLanguage || navigator.language).toLowerCase()
} 
</script>

使用方法：

//判断是否IE内核 
if(browser.versions.trident){ alert("is IE"); }
//判断是否webKit内核 
if(browser.versions.webKit){ alert("is webKit"); }
//判断是否移动端 
if(browser.versions.mobile||browser.versions.android||browser.versions.ios){ alert("移动端"); }
检测浏览器语言 
  
currentLang = navigator.language;  //判断除IE外其他浏览器使用语言
if(!currentLang){//判断IE浏览器使用语言
    currentLang = navigator.browserLanguage;
} 
alert(currentLang);

 <script type="text/javascript">

            /*

             * 智能机浏览器版本信息:

             */

            var browser = {

                versions: function() {

                    var u = navigator.userAgent, app = navigator.appVersion;

                    return {//移动终端浏览器版本信息 

                        trident: u.indexOf('Trident') > -1, //IE内核

                        presto: u.indexOf('Presto') > -1, //opera内核

                        webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核

                        gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核

                        mobile: !!u.match(/AppleWebKit.*Mobile.*/) || !!u.match(/AppleWebKit/), //是否为移动终端

                        ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端

                        android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器

                        iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器

                        iPad: u.indexOf('iPad') > -1, //是否iPad

                        webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部

                    };

                }(),

                language: (navigator.browserLanguage || navigator.language).toLowerCase()

            };

            if (!isWeiXin()) {

                if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {

                    window.location="https://ios";

                } else if (browser.versions.android) {

                    window.location="https://apk";

                }
               else{
                    window.location="https://pcdownload";
              }

            } else {

                if (browser.versions.android) {

                    document.getElementById("dlImg").src = "android.jpg";

                } else if (browser.versions.ios || browser.versions.iPhone || browser.versions.iPad) {

                    document.getElementById("dlImg").src = "ios.jpg";    

                }

            }

            // 判断是微信

            function isWeiXin() {   

                var ua = window.navigator.userAgent.toLowerCase();

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

                        return true;

                } else {

                        return false;

                }

            }

        </script>

  <body>

    <div align="center"><img id="dlImg" alt="" src="ios.jpg"></div>

    </body>