recherche

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
WBOYoriginal
2016-05-16 16:44:521077parcourir

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 :