zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    605. Can Place Flowers
    1184. Distance Between Bus Stops
    1711. Count Good Meals
    1710. Maximum Units on a Truck
    566. Reshape the Matrix
    980. Unique Paths III
    212. Word Search II
    每日总结
    每日总结
    每日总结
  • 原文地址:https://www.cnblogs.com/ykt8465279130/p/3447540.html
Copyright © 2011-2022 走看看