Heim > Web-Frontend > js-Tutorial > js verfügt über mehrere Methoden, um festzustellen, ob eine bestimmte App auf dem mobilen Endgerät installiert ist_Javascript-Fähigkeiten

js verfügt über mehrere Methoden, um festzustellen, ob eine bestimmte App auf dem mobilen Endgerät installiert ist_Javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 15:25:02
Original
1354 Leute haben es durchsucht

Die Beispiele in diesem Artikel erläutern die verschiedenen Methoden zur Verwendung von js, um festzustellen, ob eine bestimmte App auf dem mobilen Endgerät installiert ist, und teilen sie als Referenz mit allen. Der spezifische Inhalt ist wie folgt:

Erste Methode:

1: Bestimmen Sie, um welche Art von Ausrüstung es sich handelt

var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端

Nach dem Login kopieren

Zwei: Android-Geräte: Prinzip: Stellen Sie fest, ob Sie das Protokoll kennen. Wenn Sie es nicht kennen, laden Sie die App hier herunter.

android();

if(isAndroid){
      function android(){
        window.location.href = "openwjtr://com.tyrbl.wjtr"; /***打开app的协议,有安卓同事提供***/
        window.setTimeout(function(){
           window.location.href = "http://www.wjtr.com/download/index.html"; /***打开app的协议,有安卓同事提供***/
        },2000);
      };

Nach dem Login kopieren

2: iOS-Gerät: Prinzip: Stellen Sie fest, ob Sie dieses Protokoll kennen. Wenn Sie es nicht kennen, laden Sie appios();
herunter

if(isiOS){
      function ios(){
        var ifr = document.createElement("iframe");
        ifr.src = "openwjtr://com.tyrbl.wjtr"; /***打开app的协议,有ios同事提供***/
        ifr.style.display = "none"; 
        document.body.appendChild(ifr);
        window.setTimeout(function(){
          document.body.removeChild(ifr);
           window.location.href = "http://www.wjtr.com/download/index.html"; /***下载app的地址***/
        },2000)
      };
}
Nach dem Login kopieren

Zweite Methode:

Obwohl Sie eine App in JS starten können, kann nicht festgestellt werden, ob die App installiert ist Es dauert lange, die App zu starten, und die js-Unterbrechungszeit ist lang. Wenn sie nicht installiert ist, wird js sofort ausgeführt. Springen Sie einfach in den Code!
HTML-Code:

<a href="javascript:testApp('tel:1868888888')">打电话</a> 
Nach dem Login kopieren
JS-Code:


function testApp(url) { 
  var timeout, t = 1000, hasApp = true; 
  setTimeout(function () { 
    if (hasApp) { 
      alert('安装了app'); 
    } else { 
      alert('未安装app'); 
    } 
    document.body.removeChild(ifr); 
  }, 2000) 
 
  var t1 = Date.now(); 
  var ifr = document.createElement("iframe"); 
  ifr.setAttribute('src', url); 
  ifr.setAttribute('style', 'display:none'); 
  document.body.appendChild(ifr); 
  timeout = setTimeout(function () { 
     var t2 = Date.now(); 
     if (!t1 || t2 - t1 < t + 100) { 
       hasApp = false; 
     } 
  }, t); 
} 
Nach dem Login kopieren

Dritte Methode:

Ich arbeite kürzlich an der WAP-Version des Projekts. Eine der Anforderungen besteht darin, zunächst festzustellen, ob unsere APP-Anwendung auf dem Mobiltelefon verfügbar ist. Wenn nicht, springen Sie zur WAP-Seite.

Einfach ausgedrückt ist ein Wap eine Website, die auf einem mobilen Browser läuft. Unabhängig davon, wo sich die Anwendung befindet, handelt es sich lediglich um einen Browser. Sie können mithilfe von JS feststellen, ob eine Anwendung lokal vorhanden ist. Die eigentliche Implementierung besteht darin, das http-Protokoll in ein lokales Softwareprotokoll umzuwandeln.
Posten Sie den Code einfach direkt.
Wie folgt:

<script language="javascript">
 if (navigator.userAgent.match(/(iPhone|iPod|iPad);&#63;/i)) {
  var loadDateTime = new Date();
  window.setTimeout(function() {
   var timeOutDateTime = new Date();
   if (timeOutDateTime - loadDateTime < 5000) {
    window.location = "要跳转的页面URL";
   } else {
    window.close();
   }
  },
  25);
  window.location = " apps custom url schemes ";
 } else if (navigator.userAgent.match(/android/i)) {
  var state = null;
  try {
   state = window.open("apps custom url schemes ", '_blank');
  } catch(e) {}
  if (state) {
   window.close();
  } else {
   window.location = "要跳转的页面URL";
  }
 }
</script>
Nach dem Login kopieren

Was sind benutzerdefinierte URL-Schemata für Apps?
ist eigentlich eine zwischen Ihnen und der APP vereinbarte Protokoll-URL. Ihre IOS- oder Android-Kollegen richten beim Schreiben des Programms ein URL-Schema ein,
Beispieleinstellung:
URL-Schema: app
Dann können andere Programme die Anwendung über URLString = app:// aufrufen.
Sie können auch Parameter übergeben, wie zum Beispiel:

app://reaction/?uid=1
Prinzip: Innerhalb von 500 ms gibt es eine Anwendung auf diesem Computer, die dieses Protokoll analysieren kann. Öffnen Sie das Programm und rufen Sie die Anwendung auf, wenn es auf diesem Computer keine Anwendung gibt, die es analysieren kann Dieses Protokoll oder dieser Computer öffnet dieses Programm nicht innerhalb von 500 ms. Führen Sie die Funktion in setTimeout aus, um zu der Seite zu springen, zu der Sie springen möchten.

Die oben genannten Methoden sind verschiedene Methoden für JS, um festzustellen, ob eine bestimmte App auf dem mobilen Endgerät installiert ist. Ich hoffe, dass sie für das Lernen aller hilfreich sind.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage