H5アプリを起動する方法

今回はh5を使用してアプリを起動する方法を紹介します。h5を使用してアプリを起動するにはどうすればよいですか？ h5 ウェイクアップ アプリの 注意事項 は何ですか? 実際のケースを見てみましょう。

h5 覚醒アプリ この需要は一般的です。モバイルが王様の時代において、h5 はアプリのトラフィックの迂回において重要な役割を果たします。

3 つの呼び出しスキーム

現在、私たちが使用している呼び出し方法は URL スキーム (iOS と Android の両方のプラットフォームでサポートされています) です。ネイティブ APP 開発中にスキームを登録するだけで済み、ユーザーがそのようなリンクをクリックすると、自動的に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);

iframe ソリューションの呼び出し原理は、プログラムがバックグラウンドに切り替わると、タイマーが遅れることです (タイマーが不正確になるもう 1 つの状況)。アプリが起動されている場合、Web ページは必然的にバックグラウンドに入ります。ユーザーがアプリから戻ると、通常、時間は 2 秒を超えます。アプリが起動されていない場合、Web ページは基本的にバックグラウンドに入りません。時間は 2 秒を超えません。

window.location.href は直接ジャンプします

window.location.href = nativeUrl;

ラベルが呼び出す

<a href="nativeUrl">唤起app</a>

iframe の呼び出しと location.href を比較すると、次のことがわかります:

iOS の場合、location.href はより適切にジャンプします。 Safari でアプリを正常に起動できる方法。 iPhone のデフォルトブラウザとしての Safari の重要性は言うまでもありませんが、WeChat と QQ クライアントの場合、これら 2 つのメソッドは ios==

では役に立ちません。Android の場合は、ページに入るときに直接呼び出されます。 以下、iframe と location。 href は同じですが、イベント駆動型 の場合、iframe 呼び出しのパフォーマンスは location.href のパフォーマンスよりも優れています。

テストを通じて、多くのブラウザーでは、ページに入るときの直接呼び出しとイベント駆動型呼び出しのパフォーマンスが異なることがわかりました。簡単に言うと、直接呼び出しは失敗することが多くなります。

上記の比較分析により、Android では iframe を使用し、iOS では window.location.href を使用するのがより適切であることがわかりました。

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連記事:

H5のWebローカルストレージの使い方

H5にドラッグアンドドロップ機能を実装する方法

H5の高度なインラインタグ

以上がH5アプリを起動する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。