JS判断移动端访问设备并解析对应CSS

 1 // 判断是否为移动端运行环境
 2 // wukong.name 20130716
 3 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))) {
 4     if (window.location.href.indexOf("?mobile") & lt; 0) {
 5         try {
 6             if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
 7                 // 判断访问环境是 Android|webOS|iPhone|iPod|BlackBerry 则加载以下样式
 8                 setActiveStyleSheet("style_mobile_a.css");
 9             } else if (/iPad/i.test(navigator.userAgent)) {
10                 // 判断访问环境是 iPad 则加载以下样式
11                 setActiveStyleSheet("style_mobile_iPad.css");
12             } else {
13                 // 判断访问环境是 其他移动设备 则加载以下样式
14                 setActiveStyleSheet("style_mobile_other.css");
15             }
16         } catch (e) {}
17     }
18 } else {
19     // 如果以上都不是,则加载以下样式
20     setActiveStyleSheet("style_mobile_no.css");
21 }
22 
23 // 判断完毕后加载样式
24 function setActiveStyleSheet(filename) {
25     document.write("<link href=" + filename + " rel=stylesheet>");
26 }

转载自 http://blog.sae.sina.com.cn/archives/1549

posted @ 2013-11-28 13:45  堂哥  阅读(403)  评论(0编辑  收藏  举报