Heim > Web-Frontend > H5-Tutorial > So aktivieren Sie die H5-App

So aktivieren Sie die H5-App

php中世界最好的语言
Freigeben: 2018-01-11 09:27:42
Original
4164 Leute haben es durchsucht

Dieses Mal zeige ich Ihnen, wie Sie die App mit h5 aktivieren. Wie aktivieren Sie die App mit h5? Was sind die Vorsichtsmaßnahmen für h5-Weck-Apps? Hier sind praktische Fälle, werfen wir einen Blick darauf.

H5 weckt häufig App-Bedürfnisse. In einer Zeit, in der Mobilgeräte vorherrschen, spielt h5 eine wichtige Rolle bei der Umleitung des App-Verkehrs.

Drei Evokationsschemata

Derzeit verwenden wir das URL-Schema (unterstützt sowohl von iOS- als auch von Android-Plattformen). Sie müssen das Schema nur während der nativen APP registrieren Wenn Benutzer dann auf einen solchen Link klicken, gelangen sie automatisch zur APP.

var last = Date.now(),
    doc = window.document,
    ifr = doc.createElement('iframe');
 
//创建一个隐藏的iframe
ifr.src = nativeUrl;
ifr.style.cssText = 'display:none;border:0;width:0;height:0;';
doc.body.appendChild(ifr);
 
setTimeout(function() {
    doc.body.removeChild(ifr);
    //setTimeout回小于2000一般为唤起失败
    if (Date.now() - last < 2000) {
        if (typeof onFail == &#39;function&#39;) {
            onFail();
        } else {
            //弹窗提示或下载处理等
        }
    } else {
        if (typeof onSuccess == &#39;function&#39;) {
            onSuccess();
        }
    }
}, 1000);
Nach dem Login kopieren

Das Aufrufprinzip des Iframe-Schemas ist: Wenn das Programm in den Hintergrund wechselt, wird der Timer verzögert (eine weitere Situation, in der der Timer ungenau ist). Wenn die App aktiviert ist, wird die Webseite zwangsläufig in den Hintergrund verschoben. Wenn der Benutzer die App verlässt, dauert es im Allgemeinen mehr als 2 Sekunden. Wenn die App nicht aktiviert ist, wird setTimeout nicht aktiviert Zeit, und die Zeit wird 2s nicht überschreiten.

window.location.href springt direkt zu

window.location.href = nativeUrl;
Nach dem Login kopieren


ein Tag ruft

<a href="nativeUrl">唤起app</a>
Nach dem Login kopieren


hervor

Beim Vergleich von iframe evocation und location.href können wir Folgendes feststellen:

Für iOS ist der Sprung von location.href besser geeignet, da diese Methode die App erfolgreich in Safari aufrufen kann. Es ist unnötig zu erwähnen, dass Safari als Standardbrowser für das iPhone wichtig ist, aber für WeChat- und QQ-Clients sind diese beiden Methoden in iOS ==

Für Android beim Aufrufen der Seite im Falle einer direkten Evokation nutzlos , iframe und location.href sind gleich, aber wenn die Evokation des Ereignisses auslöst, ist die Leistung von iframe evocation besser als die von location.href.

Durch Tests konnte festgestellt werden, dass die Leistung der direkten Evokation und der ereignisgesteuerten Evokation beim Aufrufen der Seite bei vielen Browsern unterschiedlich ist. Einfach ausgedrückt schlägt die direkte Evokation häufiger fehl.

Durch die obige vergleichende Analyse ist es angemessener, iframe für Android und window.location.href für iOS zu verwenden.

Ich glaube, dass Sie die Methoden beherrschen, nachdem Sie diese Fälle gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Verwandte Lektüre:

So verwenden Sie den lokalen Webspeicher von H5

So implementieren Sie die Drag-and-Drop-Funktion in H5

Erweiterter Inline-Tag von H5

Das obige ist der detaillierte Inhalt vonSo aktivieren Sie die H5-App. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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