Web サイトが iOS WebView で実行されているかどうかを JavaScript はどのように検出できますか?

JavaScript を使用して iOS WebView を検出する方法

Web 開発では、Web サイトがブラウザ内で実行されるか、iOS デバイス上の WebView で実行されるかを判断することが重要になる場合があります。 JavaScript は、この要件に対処する簡単なソリューションを提供します。

効果的なアプローチの 1 つは、window.navigator.userAgent と window.navigator.standalone を組み合わせて利用することです。この方法では、iOS Web アプリの 4 つの異なる状態を区別できます。

• Safari (ブラウザー) で実行中
• スタンドアロン アプリとして実行中 (全画面)
• 実行中アプリケーション WebView 内
• iOS デバイスでは実行されていません

このアプローチを示す簡潔な JavaScript スニペットは次のとおりです。

<code class="js">var standalone = window.navigator.standalone,
    userAgent = window.navigator.userAgent.toLowerCase(),
    safari = /safari/.test(userAgent),
    ios = /iphone|ipod|ipad/.test(userAgent);

if (ios) {
  if (!standalone && safari) {
    // Running in Safari (browser)
  } else if (standalone && !safari) {
    // Running as a standalone app (fullscreen)
  } else if (!standalone && !safari) {
    // Running within an application WebView
  };
} else {
  // Not running on an iOS device
};</code>

要約すると、上で概説した JavaScript テクニックを使用すると、開発者は、Web サイトが iOS Safari ブラウザ経由でアクセスされるか、アプリケーション WebView 経由でアクセスされるかを判断できます。この知識は、ユーザー エクスペリエンスをそれに応じて調整するのに役立ちます。

以上がWeb サイトが iOS WebView で実行されているかどうかを JavaScript はどのように検出できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。