Wie kann man mithilfe von JavaScript zwischen iPad/iPhone-Webview und nativer Safari unterscheiden?

Erkennen von iPad/iPhone-Webview über JavaScript: Eine umfassende Lösung

Unterscheidung zwischen einer Website, die in Safari auf einem iPad ausgeführt wird, und innerhalb des WebView einer Anwendung kann für die Optimierung der Website-Funktionalität und des Benutzererlebnisses von entscheidender Bedeutung sein. JavaScript bietet eine effektive Möglichkeit, dies zu erreichen.

Erkunden wir eine JavaScript-Lösung, die zwei Schlüsseleigenschaften kombiniert:

• window.navigator.userAgent: Enthält Informationen über Der Browser und das Betriebssystem des Benutzers.
• window.navigator.standalone:Gibt an, ob die Web-App im Standalone-Modus ausgeführt wird.

Mithilfe dieser Eigenschaften können wir kann eine bedingte Anweisung erstellen, die zwischen vier Szenarien unterscheidet:

1. Safari (Browser): standalone === false und Safari === true
2. Standalone (Vollbild): Standalone === true und Safari === False
3. UIWebView: Standalone === False und Safari === False
4. Nicht iOS:Keine Übereinstimmung für ios in der Benutzeragentenzeichenfolge

Unten ist ein Codeausschnitt, der diese Lösung demonstriert:

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

Durch Nutzung dieses JavaScript Mithilfe des Codes können Entwickler die Umgebung, in der ihre Website auf iOS-Geräten ausgeführt wird, effektiv erkennen und so die Website-Funktionalität anpassen und das Benutzererlebnis entsprechend verbessern.

Das obige ist der detaillierte Inhalt vonWie kann man mithilfe von JavaScript zwischen iPad/iPhone-Webview und nativer Safari unterscheiden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!