首頁  >  文章  >  web前端  >  如何使用 JavaScript 偵測 iPad/iPhone WebView?

如何使用 JavaScript 偵測 iPad/iPhone WebView?

Patricia Arquette
Patricia Arquette原創
2024-10-20 16:52:29340瀏覽

How to Detect iPad/iPhone WebViews Using JavaScript?

使用JavaScript 來偵測iPad/iPhone WebView

問題:JavaiPad 是否能偵測網站是否在設計上的Safari 中運行瀏覽器還是應用程式的WebView?

答案:

JavaScript 提供了一種有效的方法來確定運行環境。這是利用window.navigator.userAgent 和window.navigator.standalone 組合的綜合方法:

<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) {
        // browser
    } else if (standalone && !safari) {
        // standalone
    } else if (!standalone && !safari) {
        // uiwebview
    }
} else {
    // not iOS
}</code>

說明:

此程式碼評估以下場景:

  • 瀏覽器: UserAgent 包含“Safari”,且獨立模式為false。
  • 獨立應用程式: 獨立模式為 true,且 UserAgent 不包含「Safari」。
  • UIWebView:獨立模式為 false,UserAgent 中既找不到「Safari」也沒有「iOS」。
  • 非 iOS 環境: UserAgent 中不存在「iOS」。

以上是如何使用 JavaScript 偵測 iPad/iPhone WebView?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn