每日更新|TOP排行榜|Tag标签|充值

无忧首页网页模板程序模板建站教程视频教程网页特效图标素材字体下载站长工具站长问答

网页特效代码模板无忧>网页特效>浏览器特效代码>

收藏分享查看评论浏览器

JS判断客户端使用的访问设备并加载对应CSS_浏览器特效

查看演示效果

特效Tag：暂无Tag,欢迎添加,赚取U币!

为了解决如题需求而临时拼凑的样式解析方案

方案中有体现不同移动设备样式解析方案(部分代码直接copy腾讯网的)

此文来自_模板无忧_www.mb5u.com

<script type="text/javascript">  // 判断是否为移动端运行环境 // wukong.name 20130716 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><link href="style_mobile_no.css" rel="stylesheet">

所属频道：浏览器特效/更新时间：2013-07-16

[收藏][报错][返回列表]

相关浏览器特效：

浏览器特效Rss订阅特效代码搜索

浏览器特效推荐

猜你也喜欢看这些

相关链接：
复制本页链接| 搜索JS判断客户端使用的访问设备并加载对应CSS
特效说明：
浏览器模板-JS判断客户端使用的访问设备并加载对应CSS。