JS判断移动端访问设备并加载对应CSS样式

前端技术 2023/09/06 JavaScript
JS判断不同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>

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

转载请注明出处。

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

我的博客

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

我的标签

随笔档案