Maison > interface Web > js tutoriel > JS détermine le périphérique d'accès mobile et charge les compétences CSS style_javascript correspondantes

JS détermine le périphérique d'accès mobile et charge les compétences CSS style_javascript correspondantes

WBOY
Libérer: 2016-05-16 16:44:52
original
1073 Les gens l'ont consulté

JS 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)

Copier le code Le code est le suivant :

// 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(navigateur .userAgent) )){

if(window.location.href.indexOf("?mobile")<0){

essayer{

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");

}

else if(/iPad/i.test(navigator.userAgent)){

// Charger if l'environnement d'accès est iPad Les styles suivants

setActiveStyleSheet("style_mobile_iPad.css");

}

else{

// Si l'environnement d'accès est d'autres appareils mobiles, chargez le style suivant

setActiveStyleSheet("style_mobile_other.css");

}

}

catch(e){}

}

}

else{

// Si aucune des réponses ci-dessus, chargez le style suivant

setActiveStyleSheet("style_mobile_no .css");

}

// Charger le style une fois le jugement terminé

function setActiveStyleSheet(filename){document.write("<link href=" filename " rel=stylesheet>");}

Chargement de la page
Copier le code Le code est comme suit :

Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal