Heim > Web-Frontend > js-Tutorial > So ermitteln Sie das mobile Zugriffsgerät und analysieren das entsprechende CSS mithilfe von javascript_javascript-Kenntnissen

So ermitteln Sie das mobile Zugriffsgerät und analysieren das entsprechende CSS mithilfe von javascript_javascript-Kenntnissen

WBOY
Freigeben: 2016-05-16 16:15:46
Original
1141 Leute haben es durchsucht

Das Beispiel in diesem Artikel beschreibt, wie Javascript das mobile Zugriffsgerät ermittelt und das entsprechende CSS analysiert. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Javascript 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){
versuche es{
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");
}
sonst if(/iPad/i.test(navigator.userAgent)){
// Wenn die Zugriffsumgebung das iPad ist, laden Sie den folgenden Stil
setActiveStyleSheet("style_mobile_iPad.css");
}
sonst{
// Wenn die Zugriffsumgebung andere mobile Geräte sind, laden Sie den folgenden Stil
setActiveStyleSheet("style_mobile_other.css");
}
}
Catch(e){}
}
}
sonst{
// Wenn keiner der oben genannten Punkte zutrifft, laden Sie die folgenden Stile
setActiveStyleSheet("style_mobile_no.css");
}
//Laden Sie den Stil, nachdem das Urteil abgeschlossen ist
Funktion setActiveStyleSheet(filename){document.write("

Seite wird geladen:

Code kopieren Der Code lautet wie folgt:



Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage