Maison > interface Web > js tutoriel > Comment utiliser JS pour déterminer s'il est accessible par téléphone mobile ou par tablette

Comment utiliser JS pour déterminer s'il est accessible par téléphone mobile ou par tablette

怪我咯
Libérer: 2017-03-29 15:42:04
original
2276 Les gens l'ont consulté

JSDéterminer si la méthode de mise en œuvre de l'accès au téléphone mobile ou au pad

jS détermine si le téléphone mobile ou le pad accède au contenu, pour l'utilisation des étudiants intéressés par JS peuvent vérifier s'ils doivent accéder via leur téléphone portable ou leur tablette

Accédez directement au 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>
Copier après la connexion



Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
js
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal