Wie erkennt man die Webview-Umgebung auf iOS-Geräten mit JavaScript?

Webview-Umgebung auf iOS-Geräten mit JavaScript bestimmen

Ermitteln, ob eine Webseite in Safari angezeigt wird oder ob die Webview-Umgebung einer Anwendung auf einem iPad oder iPhone angezeigt wird JavaScript-Erkennung.

Erkennungsansatz

Diese Technik nutzt sowohl die Eigenschaften window.navigator.userAgent als auch window.navigator.standalone. Durch die Untersuchung dieser kann zwischen den folgenden iOS-Web-App-Zuständen unterschieden werden:

• Safari (Browser)
• Standalone (Vollbild)
• UIWebView
• Nicht-iOS

Implementierung

Das bereitgestellte Code-Snippet dient als Demo zur Erkennung der Webseitenumgebung:

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

Durch das Verständnis der Umgebung können Web-App-Entwickler das Verhalten der Webseite anpassen und die Benutzererfahrung basierend auf dem Kontext der App optimieren.

Das obige ist der detaillierte Inhalt vonWie erkennt man die Webview-Umgebung auf iOS-Geräten mit JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!