做手機端的前端開發(fā)，少不了對手機平臺的判斷。如，對于app下載，就要判斷在Android平臺下就顯示Android下載提示；在iOS平臺下就顯示iOS下載提示

今天就為大家介紹一下用js判斷手機客戶端平臺及系統(tǒng)平臺的方法：

<script type="text/javascript">

//手機端判斷各個平臺瀏覽器及操作系統(tǒng)平臺

function checkPlatform(){

    if(/android/i.test(navigator.userAgent)){

        document.write("This is Android'browser.");//這是Android平臺下瀏覽器

    }

    if(/(iPhoneiPadiPodiOS)/i.test(navigator.userAgent)){

        document.write("This is iOS'browser.");//這是iOS平臺下瀏覽器

    }

    if(/Linux/i.test(navigator.userAgent)){

        document.write("This is Linux'browser.");//這是Linux平臺下瀏覽器

    }

    if(/Linux/i.test(navigator.platform)){

        document.write("This is Linux operating system.");//這是Linux操作系統(tǒng)平臺

    }

    if(/MicroMessenger/i.test(navigator.userAgent)){

        document.write("This is MicroMessenger'browser.");//這是微信平臺下瀏覽器

    }

}

 $(document).ready(function(){

  alert(navigator.platform);

  checkPlatform();

 });

</script>

注意上面的代碼使用了jquery。需要加載jquery才可以運行。當(dāng)然你可以把觸發(fā)函數(shù)給刪除了

在這里就不做pc端操作系統(tǒng)平臺的判斷了，怎么判斷也說下方法，如用document.write(navigator.platform);就可以獲得操作系統(tǒng)平臺。在win32下就會顯示W(wǎng)in32,；在Win64下就會顯示W(wǎng)in64等。

下面小編為大家補充幾個不錯的函數(shù):

<script type="text/javascript">

var browser = {

    versions : function () {

        var u = navigator.userAgent,

        app = navigator.appVersion;

        return {

            trident : u.indexOf('Trident') > -1,

            presto : u.indexOf('Presto') > -1,

            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/),

            android : u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,

            iPhone : u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1,

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

            webApp : u.indexOf('Safari') == -1,

            QQbrw : u.indexOf('MQQBrowser') > -1,

            weiXin : u.indexOf('MicroMessenger') > -1,

            ucLowEnd : u.indexOf('UCWEB7.') > -1,

            ucSpecial : u.indexOf('rv:1.2.3.4') > -1,

            ucweb : function () {

                try {

                    return parseFloat(u.match(/ucweb\d+\.\d+/gi).toString().match(/\d+\.\d+/).toString()) >= 8.2

                } catch (e) {

                    if (u.indexOf('UC') > -1) {

                        return true;

                    } else {

                        return false;

                    }

                }

            }

            (),

            Symbian : u.indexOf('Symbian') > -1,

            ucSB : u.indexOf('Firefox/1.') > -1

        };

    }

    ()

}

if (browser.versions.QQbrw){

document.write("qq瀏覽器");

}else

{

document.write("其它瀏覽器");

}

</script>

親測，非常好用。