Comment détecter l'environnement WebView sur les appareils iOS avec JavaScript ?

Déterminer l'environnement d'affichage Web sur les appareils iOS avec JavaScript

Identifier si une page Web est affichée dans Safari ou dans l'affichage Web d'une application sur un iPad ou un iPhone nécessite Détection JavaScript.

Approche de détection

Cette technique exploite à la fois les propriétés window.navigator.userAgent et window.navigator.standalone. En les examinant, il permet de différencier les états suivants de l'application Web iOS :

• Safari (navigateur)
• Autonome (plein écran)
• UIWebView
• Non-iOS

Implémentation

L'extrait de code fourni sert de démo pour détecter l'environnement de la page Web :

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

En comprenant l'environnement, les développeurs d'applications Web peuvent adapter le comportement de la page Web et optimiser l'expérience utilisateur en fonction du contexte de l'application.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!