JS檢測手機瀏覽器

判斷原理：

    JavaScript是前端開發的主要語言，我們可以通過編寫JavaScript程序來判斷瀏覽器的類型及版本。JavaScript判斷瀏覽器類型一般有兩種辦法，一種是根據各種瀏覽器獨有的屬性來分辨，另一種是通過分析瀏覽器的userAgent屬性來判斷的。在許多情況下，值判斷出瀏覽器類型之後，還需判斷瀏覽器版本才能處理兼容性問題，而判斷瀏覽器的版本一般只能通過分析瀏覽器的userAgent才能知道。

對於手機瀏覽器判斷

1. 如何判斷是否爲移動終端 利用正則match，匹配navigator.userAgent是否含有字符串AppleWebKit*****Mobile

安卓qq瀏覽器HD版 只有AppleWebKit

2. 手機語言版本的判斷

使用navigator.browserLanguage 便可得出windows phone語言版本，當然可惡的小小手機語言版本也有兼容性的差異，兼容Mozilla，以及AppleWebKit內核的瀏覽器訪問其語言版本，它會列出navigator.language。

<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()
    }
    
    document.writeln("語言版本: "+browser.language);
    document.writeln(" 是否爲移動終端: "+browser.versions.mobile);
    document.writeln(" ios終端: "+browser.versions.ios);
    document.writeln(" android終端: "+browser.versions.android);
    document.writeln(" 是否爲iPhone: "+browser.versions.iPhone);
    document.writeln(" 是否iPad: "+browser.versions.iPad); document.writeln(navigator.userAgent);
</script>

 

比較特別的地方：

    UC瀏覽器沒有安卓報頭，只返回：linux ，這裏粗略的根據linux來判斷是安卓（前提必須滿足是移動終端，UC這點是滿足的）。安卓QQ瀏覽器HD版檢測的結果是：mac， Safari，這個很是變態，自己看着處理吧。

3個檢測瀏覽器User-Agent信息的網站，通過手機瀏覽器就可以在線檢測，很是方便。

1. http://whatsmyuseragent.com/

2. http://whatsmyua.com/

3. http://www.useragentstring.com/

 

原文地址：

http://www.cnblogs.com/phphuaibei/archive/2011/12/09/2282570.html