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 相关文章推荐
jquery中ajax学习笔记4
Oct 16 Javascript
document.createElement()用法及注意事项(ff下不兼容)
Mar 13 Javascript
javascript下拉列表中显示树形菜单的实现方法
Nov 17 Javascript
JS实现六边形3D拖拽翻转效果的方法
Sep 11 Javascript
微信开发 js实现tabs选项卡效果
Oct 28 Javascript
关于Iframe父页面与子页面之间的相互调用
Nov 22 Javascript
从零开始学习Node.js系列教程三:图片上传和显示方法示例
Apr 13 Javascript
详解vue模拟加载更多功能(数据追加)
Jun 23 Javascript
详解AngularJS ng-class样式切换
Jun 27 Javascript
vue中动态添加class类名的方法
Sep 05 Javascript
Vue-component全局注册实例
Sep 06 Javascript
命令行批量截图Node脚本示例代码
Jan 25 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编程过程中需要了解的this,self,parent的区别
2009/12/30 PHP
PHP strstr 函数判断字符串是否否存在的实例代码
2013/09/28 PHP
php使用codebase生成随机数
2014/03/25 PHP
php实现根据字符串生成对应数组的方法
2014/09/22 PHP
腾讯CMEM的PHP扩展编译安装方法
2015/09/25 PHP
PHP设计模式概论【概念、分类、原则等】
2020/05/01 PHP
javascript textarea光标定位方法(兼容IE和FF)
2011/03/12 Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
2013/04/12 Javascript
基于OO的动画附加插件,可以实现弹跳、渐隐等动画效果 分享
2013/06/24 Javascript
JavaScript实现的GBK、UTF8字符串实际长度计算函数
2014/08/27 Javascript
12个非常实用的JavaScript小技巧【推荐】
2016/05/18 Javascript
JS使用正则表达式过滤多个词语并替换为相同长度星号的方法
2016/08/03 Javascript
原生JS实现的放大镜效果实例代码
2016/10/15 Javascript
tablesorter.js表格排序使用方法(支持中文排序)
2017/02/10 Javascript
Bootstrap modal 多弹窗之叠加引起的滚动条遮罩阴影问题
2017/02/27 Javascript
HTML5+Canvas调用手机拍照功能实现图片上传(上)
2017/04/21 Javascript
vue实现表格数据的增删改查
2017/07/10 Javascript
JavaScript实现旋转轮播图
2020/08/18 Javascript
js表单序列化判断空值的实例
2017/09/22 Javascript
微信小程序实现聊天对话(文本、图片)功能
2018/07/06 Javascript
layui当点击文本框时弹出选择框,显示选择内容的例子
2019/09/02 Javascript
jQuery插件simplePagination的使用方法示例
2020/04/28 jQuery
VUE 项目在IE11白屏报错 SCRIPT1002: 语法错误的解决
2020/09/27 Javascript
JS中队列和双端队列实现及应用详解
2020/09/29 Javascript
three.js显示中文字体与tween应用详析
2021/01/04 Javascript
Vue实现todo应用的示例
2021/02/20 Vue.js
python的常见命令注入威胁
2013/02/18 Python
python通过pil为png图片填充上背景颜色的方法
2015/03/17 Python
python实现斐波那契数列的方法示例
2017/01/12 Python
完美解决在oj中Python的循环输入问题
2018/06/25 Python
python-opencv颜色提取分割方法
2018/12/08 Python
关于Python内存分配时的小秘密分享
2019/09/05 Python
Python 类方法和实例方法(@classmethod),静态方法(@staticmethod)原理与用法分析
2019/09/20 Python
电气自动化专业职业规划范文
2014/02/16 职场文书
体育馆的标语
2014/06/24 职场文书
逃课检讨书怎么写
2015/01/01 职场文书