JavaScript 如何偵測網站是否在 iOS WebView 中運作？

如何使用 JavaScript 檢測 iOS WebView

在 Web 開發中，確定網站是在瀏覽器中運行還是在 iOS 裝置上的 WebView 運行至關重要。 JavaScript 提供了一個簡單的解決方案來滿足此要求。

一個有效的方法是利用 window.navigator.userAgent 和 window.navigator.standalone 的組合。此方法可以區分iOS Web 應用程式的四種不同狀態：

• 在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 技術，開發人員可以確定網站是透過iOS Safari 瀏覽器還是應用程式WebView 存取。這些知識可以幫助相應地自訂使用者體驗。

以上是JavaScript 如何偵測網站是否在 iOS WebView 中運作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！