DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> 基於javascript實現判斷移動終端浏覽器版本信息
基於javascript實現判斷移動終端浏覽器版本信息
編輯:關於JavaScript     

具體解釋都在注釋裡,這裡就不多廢話了,直接奉上代碼

復制代碼 代碼如下:
<script type="text/javascript">
/*
* 智能機浏覽器版本信息:
*
*/
  varbrowser={
    versions:function(){
           varu = 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>

常見的移動終端的浏覽器版本基本都在這裡了,有需要的小伙伴參考下吧

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved