1. Entwicklungsumgebung vue+vant 2. Computersystem Windows 10 Professional Edition 3. Während der Entwicklung des h5-Endes müssen wir häufig auf eine Schaltfläche klicken, um festzustellen, ob der Benutzer die App installiert hat (bestimmen Sie zuerst, ob es sich um Android oder Apple handelt, und bestimmen Sie dann, ob die App installiert ist. Wenn sie nicht installiert ist, springen Sie zur Download-Seite und öffnen Sie sie, wenn sie installiert ist). 4. Kommen wir ohne weitere Umschweife direkt zum Code: <div Klasse="xiding-r" @click="openapp"> Öffne die APP </div> 5. Fügen Sie den folgenden Code in den Methoden hinzu: öffneapp() { var u = navigator.userAgent, app = navigator.appVersion; var isAndroid = u.indexOf("Android") > -1 || u.indexOf("Linux") > -1; var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); wenn (istAndroid) { // alert("Ich bin Android"); dies.android(); } wenn (istIOS) { // alert("Ich bin Apple"); } }, android() { var _clickTime = neues Date().getTime(); window.location.href = 'zhihu://'; /***Öffnen Sie die App-Vereinbarung, bereitgestellt von Android-Kollegen***/ //Starte den Timer mit einem Intervall von 20 ms und überprüfe, ob die kumulierte Verbrauchszeit 3000 ms überschreitet. Wenn sie überschritten wird, wird sie beendet. var _count = 0, intHandle; intHandle = setzeIntervall(Funktion () { _Anzahl++; var elsTime = neues Date().getTime() - _clickTime; wenn (_count >= 100 || elsTime > 5000) { konsole.log(_Anzahl) console.log(elsTime) Intervall löschen(intHandle); // Prüfen, ob die App geöffnet ist, if (document.hidden || document.webkitHidden) { //Geöffnet window.location.href = "zhihu://"; // Alarm ('geöffnet'); fenster.schließen(); // zurückkehren; } anders { // Nicht geöffnet // alert('Nicht geöffnet'); window.location.href = ""; //Download-Link} } }, 20); }, 5. Hinweis: In diesem Fall habe ich das Beispiel von Zhihu verwendet: 6. Hinweis Der Vorteil der Verwendung des benutzerdefinierten URL-Schemas besteht darin, dass Sie die Anwendung über diese URL in anderen Programmen öffnen können. Wenn Anwendung A ein URL-Schema:myApp registriert, können Sie Ihre Anwendung über <a href ="myApp://"> im mobilen Browser öffnen. Bitte beachten Sie, dass Sie unter iOS die App über die oben beschriebene Webseitenmethode öffnen können (getestet und effektiv), wenn das System das URL-Schema registriert und die App installiert hat. Hinweis: Sie können ein URL-Schema wie http://xxx nicht in iOS registrieren, in Android jedoch schon. Dies ist das Ende dieses Artikels zum Öffnen einer App von h5 in vue (Feststellen, ob es sich um Android oder Apple handelt). Weitere relevante Inhalte zum Öffnen einer App von h5 in vue finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! Das könnte Sie auch interessieren:
|
<<: So installieren Sie schnell eine Tensorflow-Umgebung in Docker
Vorwort tcpdump ist ein bekanntes Befehlszeilento...
Das Debuggen der Website-Kompatibilität ist wirkl...
Ernsthafte MySQL-Optimierung! Wenn die MySQL-Date...
Inhaltsverzeichnis Über Maxwell Konfiguration und...
Python stellt eine Verbindung zu MySQL her, um Da...
Inhaltsverzeichnis Kurze Einleitung 1. Überprüfen...
1. Stoppen Sie zuerst den MySQL-Dienst Öffnen Sie...
1 Gespeicherte Prozedur 1.1 Was ist eine gespeich...
Wir alle wissen, dass wir den Befehl mkdir verwen...
Inhaltsverzeichnis Ein JSON basiert auf zwei Stru...
Inhaltsverzeichnis 1. Was ist JSONP 2. JSONP-Cros...
Wir wissen, dass eine Funktion im Allgemeinen auf...
brauchen: In naher Zukunft werden wir die Funktio...
1. Fortsetzen nacos-Datenbank Datenbankname nacos...
Treemaps dienen vor allem der Visualisierung baum...