Heim  >  Artikel  >  Web-Frontend  >  JS ermittelt das mobile Zugriffsgerät und lädt die entsprechenden CSS-Style_Javascript-Skills

JS ermittelt das mobile Zugriffsgerät und lädt die entsprechenden CSS-Style_Javascript-Skills

WBOY
WBOYOriginal
2016-05-16 16:44:521058Durchsuche

JS ermittelt verschiedene Webzugriffsumgebungen, hauptsächlich für mobile Geräte, und stellt entsprechende Analyselösungen bereit (der Gerätecode wird direkt von Tencent kopiert)

Code kopieren Der Code lautet wie folgt:

// Bestimmen Sie, ob es sich um eine mobile Betriebsumgebung handelt

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

try{

if(/Android |webOS|. iPhone|iPod|BlackBerry/i.test(navigator.userAgent)){

// Wenn die Zugriffsumgebung Android|webOS|iPhone|iPod|BlackBerry ist, laden Sie den folgenden Stil

setActiveStyleSheet(" style_mobile_a.css");

}

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

// Load if Die Zugriffsumgebung ist iPad Die folgenden Stile

setActiveStyleSheet("style_mobile_iPad.css");

}

else{

// Wenn die Zugriffsumgebung Wenn es sich um andere mobile Geräte handelt, laden Sie den folgenden Style

setActiveStyleSheet("style_mobile_other.css");

}

}

catch(e){}

}

}

else{

// Wenn keiner der oben genannten Punkte zutrifft, laden Sie den folgenden Stil

setActiveStyleSheet("style_mobile_no .css");

}

// Laden Sie den Stil, nachdem das Urteil abgeschlossen ist

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

Seite wird geladen
Code kopieren Der Code ist wie folgt: