如何使用 JavaScript 區分 iPad/iPhone Webview 和 Native Safari？

透過JavaScript 偵測iPad/iPhone Webview：綜合解決方案

區分在iPad 上的Safari 中運行的網站和在應用程式的WebView 中運行的網站對於優化網站功能和使用者體驗至關重要。 JavaScript 提供了一種有效的方法來實現這一目標。

讓我們探索一個結合了兩個關鍵屬性的JavaScript 解決方案：

• window.navigator.userAgent:包含有關以下內容的資訊使用者的瀏覽器和作業系統。
• window.navigator.standalone: 指示 Web 應用程式是否以獨立模式運作。

使用這些屬性，我們可以建立一個條件語句來區分四種情況：

1. Safari（瀏覽器）：standalone === false 和safari === true
2. 獨立（全螢幕）：獨立=== true 和safari === false
3. UIWebView：獨立🎜>獨立=== false 和safari === false
4. 不是iOS： 用戶代理字串中與ios 不匹配

下面是演示此解決方案的程式碼片段：

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

if( ios ) {
    if ( !standalone &amp;&amp; safari ) {
        //browser
    } else if ( standalone &amp;&amp; !safari ) {
        //standalone
    } else if ( !standalone &amp;&amp; !safari ) {
        //uiwebview
    };
} else {
    //not iOS
};</code>

透過利用此JavaScript通過程式碼，開發者可以有效地偵測其網站在iOS 裝置上運行的環境，從而使他們能夠相應地定製網站功能並增強用戶體驗。

以上是如何使用 JavaScript 區分 iPad/iPhone Webview 和 Native Safari？的詳細內容。更多資訊請關注PHP中文網其他相關文章！