一个不错的js判断访问终端并调用相应css样式表

来源:小凡日期:2022年4月19日

js判断终端设备调用相应css样式表代码:

<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)){ 
// 判断访问环境是 Android|webOS|iPhone|iPod|BlackBerry 则加载以下样式 
setActiveStyleSheet("<?php echo Yii::app()->request->baseUrl; ?>/css/mobile.css"); 
} 
else if(/iPad/i.test(navigator.userAgent)){ 
// 判断访问环境是 iPad 则加载以下样式 
setActiveStyleSheet("<?php echo Yii::app()->request->baseUrl; ?>/css/index.css"); 
} 
else{ 
// 判断访问环境是 其他移动设备 则加载以下样式 
setActiveStyleSheet("<?php echo Yii::app()->request->baseUrl; ?>/css/index.css"); 
} 
} 
catch(e){} 
} 
} 
else{ 
// 如果以上都不是,则加载以下样式 
setActiveStyleSheet("<?php echo Yii::app()->request->baseUrl; ?>/css/index.css"); 
function setActiveStyleSheet(filename){document.write("<link href="+filename+" rel=stylesheet>");} 
} 
// 判断完毕后加载样式 
</script>

自行将标红代码替换成自己的样式表路径。

相关文章
微信咨询微信咨询
二维码
微信扫码 立即咨询
销售热线咨询热线
15202181997
立即咨询立即咨询