suchen

Heim >Web-Frontend >js-Tutorial >js bestimmt die aktuelle Art und Weise, den Browser zu öffnen

js bestimmt die aktuelle Art und Weise, den Browser zu öffnen

小云云
小云云Original
2018-03-07 14:13:101425Durchsuche

Die gleiche Webseite kann auf einem PC oder auf verschiedenen mobilen Endgeräten geöffnet werden. Wenn wir sie auf verschiedenen Geräten öffnen und unterschiedliche Effekte anzeigen möchten, müssen wir wissen, wie der Browser aktuell geöffnet wird. Die vom Navigator-Objekt bereitgestellten Eigenschaften können diese Probleme lösen. Das Navigator-Objekt enthält Informationen über den Browser. 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浏览器</title>
</head>
<body>

</body>
<script>
  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.*/), //是否为移动终端
        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()
  };
  if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
    var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
    // alert(&#39;是在移动端打开&#39;);
    if (ua.match(/MicroMessenger/i) == "micromessenger") {
      //在微信中打开
      alert(&#39;在微信中打开&#39;);
    }
    if (ua.match(/WeiBo/i) == "weibo") {
      在新浪微博客户端打开
    }
    if (ua.match(/QQ/i) == "qq") {
      //在QQ空间打开
      alert(&#39;在QQ打开的&#39;);
    }
    if (browser.versions.ios) {
      //是否在IOS浏览器打开
      alert(&#39;是在IOS浏览器打开&#39;);
    }
    if(browser.versions.android){
      //是否在安卓浏览器打开
      alert(&#39;是在安卓浏览器打开&#39;);
    }
  } else {
    //否则就是PC浏览器打开
    alert(&#39;是在pc端打开的&#39;);
  }
</script>
</html>

Das obige ist der detaillierte Inhalt vonjs bestimmt die aktuelle Art und Weise, den Browser zu öffnen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：map und forEach sind mit ie6-8-Methoden kompatibelNächster Artikel：map und forEach sind mit ie6-8-Methoden kompatibel

In Verbindung stehende Artikel

Mehr sehen