DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS判斷是否手機或pad訪問實現方法
JS判斷是否手機或pad訪問實現方法
編輯:關於JavaScript     

JS判斷是否手機或pad訪問實現方法

              S判斷是否手機或pad訪問 方面的內容,對於利用JS判斷是否手機或pad訪問 感興趣的同學可以看下,

直接上代碼:

 <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.indexOf('iPad') > -1, //是否為移動終端
      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應該程序,沒有頭部與底部
    };
  }(),
  language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
 
    document.writeln("語言版本: "+browser.language+"<br/>");
    document.writeln("是否為移動終端: "+browser.versions.mobile+"<br/>");
    document.writeln("ios終端: "+browser.versions.ios+"<br/>");
    document.writeln("android終端: "+browser.versions.android+"<br/>");
    document.writeln("是否為iPhone: "+browser.versions.iPhone+"<br/>");
    document.writeln("是否iPad: "+browser.versions.iPad+"<br/>");
    document.writeln(navigator.userAgent);
  </script>

感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!

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