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

Détection d'iOS : un guide complet

Introduction

Identifier si un navigateur fonctionne sur iOS revêt une importance pour des cas d'utilisation spécifiques, en particulier compte tenu de la gestion unique du contenu vidéo par iOS. Cet article explore diverses techniques de détection des appareils iOS, en considérant à la fois les approches de détection des fonctionnalités et de détection des agents utilisateurs.

Détection des fonctionnalités

Bien que la détection des fonctionnalités s'avère généralement plus fiable, la détection iOS nécessite une approche spécifique à l’appareil. Tirant parti du fait que certaines fonctionnalités HTML5 ont été introduites avec des versions iOS spécifiques, le code suivant utilise l'inférence de fonctionnalités :

function iOSversion() {
    if (iOS) { // Use iOS detection function from above
        if (window.indexedDB) { return 'iOS 8 and up'; }
        if (window.SpeechSynthesisUtterance) { return 'iOS 7'; }
        if (window.webkitAudioContext) { return 'iOS 6'; }
        if (window.matchMedia) { return 'iOS 5'; }
        if (window.history && 'pushState' in window.history) { return 'iOS 4'; }
        return 'iOS 3 or earlier';
    }

    return 'Not an iOS device';
}

Renifleur d'agent utilisateur

Malgré ses inconvénients, l'utilisateur le reniflage d’agents reste une alternative simple. Le code suivant identifie les appareils iOS par leur chaîne d'agent utilisateur :

var iOS = /iPad|iPhone|iPod/.test(navigator.userAgent);

Remarque :

Notez que les agents utilisateurs sont susceptibles d'être modifiés et que ces méthodes peuvent donner des résultats inexacts. résultats dans certaines circonstances. Néanmoins, ces techniques fournissent des approches pratiques pour distinguer les appareils iOS des autres.

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!