Heim  >  Artikel  >  Web-Frontend  >  Wie kann JavaScript erkennen, ob eine Website in einem iOS-WebView ausgeführt wird?

Wie kann JavaScript erkennen, ob eine Website in einem iOS-WebView ausgeführt wird?

Barbara Streisand
Barbara StreisandOriginal
2024-10-20 16:47:02583Durchsuche

How Can JavaScript Detect if a Website is Running in an iOS WebView?

So erkennen Sie iOS WebView mit JavaScript

Bei der Webentwicklung kann es entscheidend sein, festzustellen, ob eine Website im Browser oder ein WebView auf einem iOS-Gerät ausgeführt wird. JavaScript bietet eine unkomplizierte Lösung, um dieser Anforderung gerecht zu werden.

Ein effektiver Ansatz ist die Verwendung einer Kombination aus window.navigator.userAgent und window.navigator.standalone. Diese Methode kann zwischen vier verschiedenen Zuständen einer iOS-Web-App unterscheiden:

  • Laufen in Safari (Browser)
  • Laufen als eigenständige App (Vollbild)
  • Laufen innerhalb einer WebView-Anwendung
  • Läuft nicht auf einem iOS-Gerät

Hier ist ein prägnantes JavaScript-Snippet, das diesen Ansatz demonstriert:

<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>

Zusammenfassend lässt sich sagen, dass durch die Nutzung der Mithilfe der oben beschriebenen JavaScript-Techniken können Entwickler feststellen, ob auf eine Website über den iOS-Safari-Browser oder eine WebView-Anwendung zugegriffen wird. Dieses Wissen kann dabei helfen, die Benutzererfahrung entsprechend anzupassen.

Das obige ist der detaillierte Inhalt vonWie kann JavaScript erkennen, ob eine Website in einem iOS-WebView ausgeführt wird?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn