js判斷移動端型別或者瀏覽器型別程式碼例項

admin發表於2017-02-23

本程式碼實現了多種功能,比如可以判斷是否是IE瀏覽器,是否是移動端,還有何種型別瀏覽器等。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<script>
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應該程式,沒有頭部與底部
    };
  }(),
  language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
document.writeln(" 是否為移動終端: "+browser.versions.mobile);
document.writeln("語言版本: "+browser.language);
document.writeln(" ios終端: "+browser.versions.ios);
document.writeln(" android終端: "+browser.versions.android);
document.writeln(" 是否為iPhone: "+browser.versions.iPhone);
document.writeln(" 是否iPad: "+browser.versions.iPad);
</script>
</head>
<body>
 
</body>
</html>

相關文章