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


Posted in Javascript onNovember 27, 2013
// 判断是否为移动端运行环境 
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>");}
Javascript 相关文章推荐
JS OffsetParent属性深入解析
Jan 13 Javascript
JS给超链接加确认对话框的方法
Feb 24 Javascript
Web前端开发工具——bower依赖包管理工具
Mar 29 Javascript
JS中用try catch对代码运行的性能影响分析
Dec 26 Javascript
jquery实现提示语淡入效果
May 05 jQuery
react中的ajax封装实例详解
Oct 17 Javascript
vue编译打包本地查看index文件的方法
Feb 23 Javascript
Vue-router 中hash模式和history模式的区别
Jul 24 Javascript
JavaScript折半查找(二分查找)算法原理与实现方法示例
Aug 06 Javascript
vue-cli 使用axios的操作方法及整合axios的多种方法
Sep 12 Javascript
微信小程序rich-text富文本用法实例分析
May 20 Javascript
浅谈Vue项目骨架屏注入实践
Aug 05 Javascript
javascript如何动态加载表格与动态添加表格行
Nov 27 #Javascript
Js实现当前点击a标签变色突出显示其他a标签回复原色
Nov 27 #Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
Nov 27 #Javascript
jquery checkbox实现单选小例
Nov 27 #Javascript
子页向父页传值示例
Nov 27 #Javascript
js改变文章字体大小的实例代码
Nov 27 #Javascript
一个js导致的jquery失效问题的解决方法
Nov 27 #Javascript
You might like
php中jQuery插件autocomplate的简单使用笔记
2012/06/14 PHP
php实现指定字符串中查找子字符串的方法
2015/03/17 PHP
javascript call方法使用说明
2010/01/11 Javascript
用JQuery在网页中实现分隔条功能的代码
2012/08/09 Javascript
javascript标签在页面中的位置探讨
2013/04/11 Javascript
js中直接声明一个对象的方法
2014/08/10 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
2015/11/26 Javascript
学习JavaScript设计模式之模板方法模式
2016/01/20 Javascript
js弹出窗口返回值的简单实例
2016/05/28 Javascript
JavaScript暂停和继续定时器的实现方法
2016/07/18 Javascript
JS定时器实现数值从0到10来回变化
2016/12/09 Javascript
JS实现520 表白简单代码
2018/05/21 Javascript
微信小程序websocket实现即时聊天功能
2019/05/21 Javascript
vue 插件的方法代码详解
2019/06/06 Javascript
JS删除String里某个字符的方法
2021/01/06 Javascript
[02:10]探秘浦东源深体育馆 DOTA2 Supermajor不见不散
2018/05/17 DOTA
python测试mysql写入性能完整实例
2018/01/18 Python
用python写测试数据文件过程解析
2019/09/25 Python
python3反转字符串的3种方法(小结)
2019/11/07 Python
python Shapely使用指南详解
2020/02/18 Python
tensorflow dataset.shuffle、dataset.batch、dataset.repeat顺序区别详解
2020/06/03 Python
使用PyCharm安装pytest及requests的问题
2020/07/31 Python
自定义Django_rest_framework_jwt登陆错误返回的解决
2020/10/18 Python
Scrapy实现模拟登录的示例代码
2021/02/21 Python
非常震撼的纯CSS3人物行走动画
2016/02/24 HTML / CSS
英国和国际包裹递送:ParcelCompare
2019/08/26 全球购物
银行工作检查书范文
2014/01/31 职场文书
管理学院毕业生自荐信范文
2014/03/10 职场文书
内蒙古鄂尔多斯市市长寄语
2014/04/10 职场文书
工程项目经理任命书
2014/06/05 职场文书
关于运动会的广播稿50字
2014/10/17 职场文书
信访工作汇报材料
2014/10/27 职场文书
建党伟业观后感
2015/06/01 职场文书
《称赞》教学反思
2016/02/17 职场文书
springcloud之Feign超时问题的解决
2021/06/24 Java/Android
深入理解java.lang.String类的不可变性
2021/06/27 Java/Android