How to use JS to determine whether it is accessed by mobile phone or pad

JSDetermine whether mobile phone or pad access implementation method

jS determine whether mobile phone or pad access content, for the use of JS Interested students can check whether to access via mobile phone or pad.

Go directly to the code:

<script type="text/javascript">
/*
* 智能机浏览器版本信息:
*
*/
var browser={
  versions:function(){
    var u = navigator.userAgent, app = navigator.appVersion;
    return {//移动终端浏览器版本信息
      trident: u.indexOf(&#39;Trident&#39;) > -1, //IE内核
      presto: u.indexOf(&#39;Presto&#39;) > -1, //opera内核
      webKit: u.indexOf(&#39;AppleWebKit&#39;) > -1, //苹果、谷歌内核
      gecko: u.indexOf(&#39;Gecko&#39;) > -1 && u.indexOf(&#39;KHTML&#39;) == -1, //火狐内核
      mobile: !!u.match(/AppleWebKit.*Mobile.*/)||u.indexOf(&#39;iPad&#39;) > -1, //是否为移动终端
      ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
      android: u.indexOf(&#39;Android&#39;) > -1 || u.indexOf(&#39;Linux&#39;) > -1, //android终端或者uc浏览器
      iPhone: u.indexOf(&#39;iPhone&#39;) > -1, //是否为iPhone或者QQHD浏览器
      iPad: u.indexOf(&#39;iPad&#39;) > -1, //是否iPad
      webApp: u.indexOf(&#39;Safari&#39;) == -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>

The above is the detailed content of How to use JS to determine whether it is accessed by mobile phone or pad. For more information, please follow other related articles on the PHP Chinese website!