Maison > interface Web > js tutoriel > Comment puis-je détecter de manière fiable les appareils iOS et leurs versions dans un navigateur Web ?

Comment puis-je détecter de manière fiable les appareils iOS et leurs versions dans un navigateur Web ?

DDD
Libérer: 2024-12-03 10:18:11
original
406 Les gens l'ont consulté

How Can I Reliably Detect iOS Devices and Their Versions in a Web Browser?

Détection des appareils iOS

Il peut être utile de déterminer si un navigateur est exécuté sur un appareil iOS, en particulier lors de la gestion des fonctionnalités spécifiques à l'appareil.

Utiliser une approche fiable

Une méthode fiable consiste à vérifier la plate-forme de l'appareil à l'aide de navigator.platform property :

function iOS() {
  return [
    'iPad Simulator',
    'iPhone Simulator',
    'iPod Simulator',
    'iPad',
    'iPhone',
    'iPod'
  ].includes(navigator.platform);
}
Copier après la connexion

Pour les appareils iOS, cette propriété renverra une valeur telle que « iPhone » ou « iPad ».

Renifleur d'agent utilisateur (approche de prudence)

Utilisateur le reniflage d'agents, bien que moins fiable, peut également être utilisé :

var iOS = !window.MSStream && /iPad|iPhone|iPod/.test(navigator.userAgent);
Copier après la connexion

Cependant, cette approche est susceptible d'être manipulée par l'utilisateur et doit être utilisée avec prudence.

Détection de la version iOS

Pour déterminer la version iOS, vous pouvez l'analyser à partir de la chaîne de l'agent utilisateur ou utiliser la détection de fonctionnalités :

function iOSversion() {
  if (iOS) { // Use the above iOS() function
    if (window.indexedDB) { return 'iOS 8 and up'; }
    // Continue adding logic for other iOS versions...
    return 'iOS 3 or earlier';
  }

  return 'Not an iOS device';
}
Copier après la connexion

Notez que la détection de fonctionnalités peut devenir peu fiable si des fonctionnalités spécifiques sont obsolètes ou supprimées dans les futures versions d'iOS.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal