Heim > Web-Frontend > js-Tutorial > Hauptteil

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

WBOY
Freigeben: 2016-05-16 16:44:52
Original
1058 Leute haben es durchsucht

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:

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage