ホームページ >ウェブフロントエンド >H5 チュートリアル >H5 ページで APP インスタンス コードを呼び出してみます。
この記事では主に、H5 ページで APP を呼び出すサンプルコードを紹介します。お役に立てれば幸いです。
この機能は、現在、淘宝H5、Zhihu H5などで非常に一般的であるはずです。 。 。
クリックすると、APPが起動するか、ダウンロードページが開くか、直接ダウンロードします。
しかし、Zhihu のこの機能は少し異なることがわかりました。そのロジックは、まず電話で Zhihu APP を開くかどうかを尋ね、その後、ダウンロードをポップアップ表示します。プロンプト。
ソリューションURLスキーム
iframeを使用する方法が推奨されます
const iframe = document.createElement('iframe');iframe.src = 'URL scheme'; // URL scheme的方式跳转iframe.style.display = 'none';document.body.appendChild(iframe);
しかし、これは理想的な状況であり、互換性処理の高速ロジックを実行することがより重要です。
一部のシステムは、iframe の src をインターセプトします (これは、APP のウェイクアップに失敗する理由の 1 つにすぎません)。この src 属性は違法なハッカーであり、これを悪用することによって多くの脆弱性が引き起こされるためです。
そのため、この時点でアプリの調整が失敗したかどうかを判断する必要があります。
疑似コードは次のとおりです:
const timer = 1000;setTimeout(function() { // 执行成功后移除iframedocument.body.removeChild(iframe);//setTimeout小于2000通常认为是唤起APP失败 if (Date.now() - last <div class="highlight highlight-source-js"></div>理解<p>: <strong></strong></p>
window.location.href = URL scheme
関連おすすめ:
以上がH5 ページで APP インスタンス コードを呼び出してみます。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。