javascript判断移动端访问设备并解析对应CSS的方法

前端技术 2023/09/05 JavaScript

本文实例讲述了javascript判断移动端访问设备并解析对应CSS的方法。分享给大家供大家参考。具体分析如下：

javascript判断不同web访问环境，主要针对移动设备，提供相对应的解析方案（判断设备代码直接copy腾讯网的）：

复制代码 代码如下:
// 判断是否为移动端运行环境 
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)){ 
// 判断访问环境是 Android|webOS|iPhone|iPod|BlackBerry 则加载以下样式 
setActiveStyleSheet(\"style_mobile_a.css\"); 
} 
else if(/iPad/i.test(navigator.userAgent)){ 
// 判断访问环境是 iPad 则加载以下样式 
setActiveStyleSheet(\"style_mobile_iPad.css\"); 
} 
else{ 
// 判断访问环境是 其他移动设备 则加载以下样式 
setActiveStyleSheet(\"style_mobile_other.css\"); 
} 
} 
catch(e){} 
} 
} 
else{ 
// 如果以上都不是，则加载以下样式 
setActiveStyleSheet(\"style_mobile_no.css\"); 
} 
// 判断完毕后加载样式 
function setActiveStyleSheet(filename){document.write(\"＜link href=\"+filename+\" rel=stylesheet＞\");}

加载页面：

复制代码 代码如下:
<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|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)){ 
                window.location.href=\"手机页面\"; 
            }else if(/iPad/i.test(navigator.userAgent)){ 
                window.location.href=\"平板页面\"; 
            }else{ 
                window.location.href=\"其他移动端页面\" 
            } 
        }catch(e){} 
    } 
} 
</script>

希望本文所述对大家的javascript程序设计有所帮助。

本文地址：https://www.stayed.cn/item/14351

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案