Détection du système d'exploitation de l'utilisateur à l'aide de JavaScript

JavaScript est un langage de programmation polyvalent et dynamique qui fait désormais partie intégrante du monde du développement Web. Sa facilité d’utilisation et sa capacité à apporter de l’interactivité aux sites Web le rendent très apprécié des développeurs. JavaScript permet la création d'une large gamme d'applications, depuis de simples éléments interactifs sur des sites Web jusqu'à des applications Web complexes.

Dans ce tutoriel, nous allons vous montrer comment utiliser la fonctionnalité JavaScript pour savoir quel système d'exploitation les visiteurs de votre site Web utilisent. Connaître ces informations peut être très utile pour leur offrir une expérience personnalisée. Vous pouvez changer l'apparence de votre site, modifier le fonctionnement de certaines fonctionnalités et même proposer différentes interfaces utilisateur pour différentes plates-formes. À la fin de ce didacticiel, vous serez en mesure de détecter le système d'exploitation de l'utilisateur à l'aide de JavaScript. Nous présenterons en détail les méthodes suivantes :

• propriété navigateur.platform

• propriété navigateur.userAgent

Chaque méthode a ses propres avantages et inconvénients, et nous discuterons des détails de chaque méthode pour vous aider à choisir la méthode qui correspond le mieux à vos besoins. Après avoir terminé ce didacticiel, vous comprendrez parfaitement comment utiliser JavaScript pour détecter le système d'exploitation d'un utilisateur.

Propriété navigateur.platform

La propriété

navigator.platform est une propriété de l'objet navigateur en JavaScript qui fournit des informations sur la plate-forme et le système d'exploitation de l'utilisateur. Cette propriété est une chaîne contenant la plateforme sur laquelle l'utilisateur exécute l'application, telle que « MacIntel » ou « Win32 ». Cette propriété est accessible à l'aide de l'expression navigator.platform et le résultat peut être utilisé pour détecter le système d'exploitation de l'utilisateur.

console.log(navigator.platform);

Vous obtiendrez le résultat suivant :

"MacIntel"

Voici comment utiliser la propriété navigator.platform pour détecter le système d'exploitation de l'utilisateur :

if (window.navigator.platform.indexOf("Win") != -1) {
    console.log("The user is running Windows");
} else if (window.navigator.platform.indexOf("Mac") != -1) {
    console.log("The user is running Mac OS");
} else if (window.navigator.platform.indexOf("Linux") != -1) {
    console.log("The user is running Linux");
} else {
    console.log("The user's operating system could not be determined");
}

Dans le code ci-dessus, nous utilisons la propriété navigator.platform pour détecter le système d'exploitation de l'utilisateur. Tout d'abord, nous vérifions si navigator.platform contient la chaîne "Win". Si tel est le cas, l'utilisateur exécute Windows. Nous enregistrons un message dans la console "L'utilisateur exécute Windows".

Ensuite, nous vérifions si navigator.platform contient la chaîne "Mac". Si oui, cela signifie que l'utilisateur utilise Mac OS. Nous enregistrons un message dans la console "L'utilisateur exécute Mac OS".

Nous avons également répété ce processus sous Linux. Si aucune de ces conditions n'est remplie, nous enregistrons un message "Impossible de déterminer le système d'exploitation de l'utilisateur".

Ce code vérifie donc le système d'exploitation de l'utilisateur et enregistre un message sur la console indiquant ce que l'utilisateur exécute.

Il produira le sortie suivant :

"The user is running Mac OS"

Propriété navigateur.userAgent

La propriété

navigator.userAgent est un autre moyen de déterminer le système d'exploitation de l'utilisateur lors de l'utilisation de JavaScript. Il fournit des informations sur le navigateur de l'utilisateur, notamment son type et sa version, ainsi que le système d'exploitation sous-jacent. Ces informations sont stockées au format chaîne et sont accessibles à l'aide de l'expression navigator.userAgent. En analysant cette chaîne, vous pouvez identifier le système d'exploitation de l'utilisateur et utiliser ces informations pour adapter votre expérience de site Web à sa plate-forme spécifique.

console.log(navigator.userAgent);

Il produira une sortie comme indiqué ci-dessous :

"Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15"

Voici un exemple d'utilisation de la propriété navigator.userAgent pour détecter le système d'exploitation :

if (window.navigator.userAgent.indexOf("Windows") != -1) {
    console.log("The user is running Windows");
} else if (window.navigator.userAgent.indexOf("Mac OS") != -1) {
    console.log("The user is running Mac OS");
} else if (window.navigator.userAgent.indexOf("Linux") != -1) {
    console.log("The user is running Linux");
} else {
    console.log("The user's operating system could not be determined");
}

Le code ci-dessus utilise la méthode de détection des fonctionnalités pour déterminer le système d'exploitation de l'utilisateur. Cette méthode utilise la propriété « navigateur.userAgent », qui est une chaîne contenant des informations sur le navigateur et le système d'exploitation sur lequel il s'exécute.

Tout d'abord, nous utilisons une instruction if pour vérifier si la chaîne "Windows" existe dans la propriété "navigator.userAgent". Si tel est le cas, nous enregistrons « L'utilisateur exécute Windows » sur la console.

Ensuite, nous vérifierons si l'utilisateur utilise Mac OS. Nous recherchons la chaîne "Mac OS" dans l'agent utilisateur. S'il est trouvé, nous enregistrons "Utilisateur utilisant Mac".

Nous répéterons le processus pour Linux. Si la chaîne "Linux" est dans l'agent utilisateur, nous enregistrerons "L'utilisateur est sous Linux".

Si aucune des conditions ci-dessus n'est remplie, nous supposerons que le système d'exploitation de l'utilisateur ne peut pas être déterminé et enregistrerons "Le système d'exploitation de l'utilisateur est inconnu".

Ce code vérifie donc le système d'exploitation de l'utilisateur et enregistre un message sur la console indiquant ce que l'utilisateur exécute.

Il produira le sortie suivant :

"The user is running Mac OS"

Conclusion

Dans ce didacticiel, nous explorons les moyens de détecter le système d'exploitation d'un utilisateur à l'aide de JavaScript. Nous utilisons les méthodes navigator.platform et navigator.userAgent pour déterminer le système d'exploitation. Avec divers exemples, nous expliquons comment utiliser ces méthodes pour vérifier Windows, Mac OS, Linux et autres systèmes d'exploitation. En utilisant une approche de détection de fonctionnalités, nous expliquons comment déterminer le système d'exploitation sans nous fier aux propriétés de userAgent ou de plateforme.

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!