Maison > interface Web > js tutoriel > Navigator.UserAgent Mobiles, y compris iPad

Navigator.UserAgent Mobiles, y compris iPad

尊渡假赌尊渡假赌尊渡假赌
Libérer: 2025-02-22 09:43:09
original
447 Les gens l'ont consulté

Utiliser navigator.userAgent Extraits de code de détection des appareils mobiles (y compris les iPads)

navigator.useragent mobiles including ipad

l'extrait de code suivant montre comment détecter les appareils mobiles (y compris les iPads) en utilisant navigator.userAgent:

function detectmob() {
     return !!navigator.userAgent.match(/iPad|iPhone|Android|BlackBerry|Windows Phone|webOS/i));
}
Copier après la connexion
Copier après la connexion

Veuillez noter que cette méthode ne détecte intentionnellement pas Kindle Fire and Playbook. Pour ajouter la prise en charge de la tablette, ajoutez |playbook|silk.

Autres méthodes:

var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }};
}
Copier après la connexion
Copier après la connexion

comment utiliser:

if( isMobile.any() ) alert('Mobile');
Copier après la connexion

pour vérifier si l'utilisateur utilise un appareil mobile spécifique:

if( isMobile.iOS() ) alert('iOS');
Copier après la connexion

Source: https://www.php.cn/link/524e30e771dba8110c0241a0882023d0 https://www.php.cn/link/abe6f17ee7a1e477595139035e00841 FAQ sur la détection des appareils mobiles (y compris les iPads) en utilisant

Comment utiliser navigator.userAgent pour détecter les appareils iOS?

L'attribut navigator.userAgent dans JavaScript peut être utilisé pour détecter si l'appareil s'exécute sur iOS. Cette propriété renvoie une chaîne représentant l'en-tête de l'agent utilisateur du navigateur. Pour détecter les appareils iOS, vous pouvez rechercher la chaîne de l'agent utilisateur pour "iPhone", "iPad" ou "String" iPod "à l'aide d'expressions régulières. Voici un exemple simple:

navigator.userAgent Dans ce code,

renvoie la chaîne de l'agent utilisateur, et la méthode
var isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
Copier après la connexion
vérifie s'il existe "iPad", "iPhone" ou "iPod" dans cette chaîne.

Certains sont utilisés pour exclure les téléphones Windows. navigator.userAgent test() Puis-je utiliser !window.MSStream pour détecter d'autres appareils mobiles?

Oui, l'attribut navigator.userAgent peut être utilisé pour détecter divers appareils mobiles. Par exemple, pour détecter un périphérique Android, vous pouvez rechercher la chaîne "Android" dans la chaîne de l'agent utilisateur. Voici un exemple:

navigator.userAgent Si l'appareil s'exécute sur Android, ce code reviendra vrai, sinon il renverra faux. De même, vous pouvez détecter d'autres appareils mobiles en recherchant la chaîne correspondante dans la chaîne de l'agent utilisateur.

var isAndroid = /Android/.test(navigator.userAgent);
Copier après la connexion
Puis-je utiliser

pour détecter le navigateur?

Oui, vous pouvez utiliser l'attribut navigator.userAgent pour détecter le navigateur. Différents navigateurs ont différentes chaînes d'agents utilisateur. Par exemple, si la chaîne d'agent utilisateur contient "Chrome", le navigateur est Google Chrome. Voici un exemple:

navigator.userAgent Si le navigateur est Google Chrome, ce code reviendra vrai, autrement faux. De même, vous pouvez détecter d'autres navigateurs en recherchant la chaîne correspondante dans la chaîne de l'agent utilisateur.

navigator.userAgent Dans quelle mesure est-il fiable pour l'inspection de l'équipement?

Bien que l'attribut navigator.userAgent puisse être utilisé pour la détection de l'appareil, il n'est pas toujours fiable à 100%. Les chaînes d'agent utilisateur sont facilement forgées ou modifiées, et différents navigateurs et périphériques peuvent utiliser des chaînes d'agent utilisateur similaires. Par conséquent, il est généralement recommandé d'utiliser la détection des fonctionnalités pour les fonctions critiques plutôt que la détection des agents utilisateur.

Puis-je utiliser navigator.userAgent pour détecter le système d'exploitation de l'appareil?

Oui, navigator.userAgent Les attributs peuvent être utilisés pour détecter le système d'exploitation d'un appareil. Par exemple, pour détecter un périphérique Windows, recherchez la chaîne de l'agent utilisateur pour une chaîne "Win". Voici un exemple:

function detectmob() {
     return !!navigator.userAgent.match(/iPad|iPhone|Android|BlackBerry|Windows Phone|webOS/i));
}
Copier après la connexion
Copier après la connexion

Si l'appareil s'exécute sur un système Windows, ce code reviendra vrai, sinon il renverra faux. De même, vous pouvez détecter d'autres systèmes d'exploitation en recherchant la chaîne correspondante dans la chaîne de l'agent utilisateur.

Comment utiliser navigator.userAgent pour détecter les appareils mobiles généraux?

Pour détecter les appareils mobiles généraux, vous pouvez rechercher des chaînes courantes dans les chaînes d'agent utilisateur pour les appareils mobiles. Voici un exemple:

var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPad|iPod/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }};
}
Copier après la connexion
Copier après la connexion

Si l'appareil est un appareil mobile, ce code reviendra vrai, sinon il renverra faux. Expression régulière /Mobi|Android/i Vérifie si la chaîne d'agent utilisateur contient "MOBI" (utilisé par de nombreux appareils mobiles) ou "Android".

Puis-je utiliser navigator.userAgent pour détecter la taille de l'écran de l'appareil?

non, navigator.userAgent L'attribut ne peut pas être utilisé pour détecter la taille de l'écran de l'appareil. Il fournit uniquement des informations sur le navigateur et le système d'exploitation. Pour obtenir la taille de l'écran de l'appareil, vous pouvez utiliser l'objet window.screen dans JavaScript.

Puis-je utiliser navigator.userAgent pour détecter l'orientation de l'appareil?

non, navigator.userAgent L'attribut ne peut pas être utilisé pour détecter l'orientation de l'appareil. Il fournit uniquement des informations sur le navigateur et le système d'exploitation. Pour obtenir l'orientation de l'appareil, vous pouvez utiliser l'attribut window.orientation dans JavaScript.

Puis-je utiliser navigator.userAgent pour détecter si l'appareil est une tablette?

Bien que vous puissiez détecter certaines tablettes (telles que les iPads) en utilisant l'attribut navigator.userAgent, il ne détecte pas toujours toutes les tablettes de manière fiable. Différentes tablettes peuvent utiliser différentes chaînes d'agents utilisateur, certaines peuvent être similaires à celles d'un téléphone mobile ou d'un ordinateur de bureau.

La chaîne de l'agent utilisateur peut-elle être modifiée?

Oui, les chaînes d'agent utilisateur peuvent être modifiées ou forgées. Ceci est généralement utilisé à des fins de test ou contourner certaines limitations. Cependant, la modification de la chaîne de l'agent utilisateur peut provoquer des problèmes de comportement ou de compatibilité inattendues et n'est généralement pas recommandé pour la navigation régulière.

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!

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