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
1144 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):
// 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("
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
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
