Comment JavaScript peut-il détecter si un site Web s'exécute dans une WebView iOS ?

Comment détecter iOS WebView avec JavaScript

Dans le développement Web, déterminer si un site Web s'exécute dans le navigateur ou dans une WebView sur un appareil iOS peut être crucial. JavaScript offre une solution simple pour répondre à cette exigence.

Une approche efficace consiste à utiliser une combinaison de window.navigator.userAgent et window.navigator.standalone. Cette méthode peut différencier quatre états distincts d'une application Web iOS :

• Exécution dans Safari (navigateur)
• Exécution en tant qu'application autonome (plein écran)
• Exécution au sein d'une application WebView
• Ne fonctionne pas sur un appareil iOS

Voici un extrait JavaScript concis qui illustre cette approche :

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

En résumé, en tirant parti de Grâce aux techniques JavaScript décrites ci-dessus, les développeurs peuvent déterminer si un site Web est accessible via le navigateur iOS Safari ou une application WebView. Ces connaissances peuvent aider à adapter l'expérience utilisateur en conséquence.

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!