Este artículo describe el método de JavaScript para determinar el dispositivo de acceso móvil y analizar el CSS correspondiente. Compártelo para su referencia. El análisis específico es el siguiente:
JavaScript determina diferentes entornos de acceso web, principalmente para dispositivos móviles, y proporciona soluciones de análisis correspondientes (los códigos de dispositivos de juicio copian directamente la red Tencent):
Copie el código de la siguiente manera:/ determine si es un entorno operativo móvil
if (/applewebkit.*Mobile/i.test (navigator.useragent) || (/Midp|Symbianos|nokia|Samsung|Lg|Nec|Tcl|alCatel|Bird|DBtel|Dopod|Philips|Haier|Lenovo|Mot-|nOkia| SenyericsSonSson|
if (window.location.ref.indexof ("? mobile") <0) {
intentar{
if (/android|webos|iphone|ipod|blackberry/i.test (navigator.useragent)) {
// Determinar que el entorno de acceso es Android | Webos | iPhone | iPod | BlackBerry, luego cargue el siguiente estilo
setActivestylesheet ("style_mobile_a.css");
}
else if (/ipad/i.test (navigator.useragent)) {
// Si determina que el entorno de acceso es iPad, cargue el siguiente estilo
setActivestylesheet ("style_mobile_ipad.css");
}
demás{
// Si determina que el entorno de acceso es otro dispositivo móvil, el siguiente estilo se cargará
setActivestylesheet ("style_mobile_other.css");
}
}
Catch (e) {}
}
}
demás{
// Si no se carga ninguno de los anteriores, el siguiente estilo
setActivestylesheet ("style_mobile_no.css");
}
// Estilo de carga después del juicio
función setActivestylesheet (FileName) {document.write ("＜ enlace href ="+nombre de archivo+"rel = stylesheet>");}
Página de carga:
Copie el código de la siguiente manera: <script type = "text/javaScript">
if (/applewebkit.*Mobile/i.test (navigator.useragent) || (/Midp|Symbianos|nokia|Samsung|Lg|Nec|Tcl|alCatel|Bird|DBtel|Dopod|Philips|Haier|Lenovo|Mot-|nOkia| SenyericsSonSson|
if (window.location.ref.indexof ("? mobile") <0) {
intentar{
if (/android|webos|iphone|ipod|blackberry/i.test (navigator.useragent)) {
window.location.href = "página móvil";
} else if (/ipad/i.test (navigator.useragent)) {
Window.location.href = "Página de tableta";
}demás{
Window.location.href = "Otras páginas móviles"
}
} catch (e) {}
}
}
</script>
Espero que este artículo sea útil para la programación de JavaScript de todos.