Maison >
interface Web >
js tutoriel >
Comment déterminer le périphérique d'accès mobile et analyser le CSS correspondant à l'aide des compétences javascript_javascript
Comment déterminer le périphérique d'accès mobile et analyser le CSS correspondant à l'aide des compétences javascript_javascript
WBOY
Libérer： 2016-05-16 16:15:46
original
1145 Les gens l'ont consulté
L'exemple de cet article décrit comment javascript détermine le périphérique d'accès mobile et analyse le CSS correspondant. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :
Javascript détermine différents environnements d'accès au Web, principalement pour les appareils mobiles, et fournit les solutions d'analyse correspondantes (le code de l'appareil est directement copié depuis Tencent) :
// Déterminer s'il s'agit d'un environnement d'exploitation mobile
if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT- |Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))){
if(window.location.href.indexOf("?mobile")<0){
essayez{
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){
// Si l'environnement d'accès est Android|webOS|iPhone|iPod|BlackBerry, chargez le style suivant
setActiveStyleSheet("style_mobile_a.css");
}
sinon if(/iPad/i.test(navigator.userAgent)){
// Si l'environnement d'accès est iPad, chargez le style suivant
setActiveStyleSheet("style_mobile_iPad.css");
}
autre{
// Si l'environnement d'accès est constitué d'autres appareils mobiles, chargez le style suivant
setActiveStyleSheet("style_mobile_other.css");
}
}
attraper(e){}
}
}
autre{
// Si aucune des réponses ci-dessus, chargez les styles suivants
setActiveStyleSheet("style_mobile_no.css");
}
//Charge le style une fois le jugement terminé
function setActiveStyleSheet(filename){document.write("
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
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
