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 相关文章推荐
THREE.JS入门教程(4)创建粒子系统
Jan 24 Javascript
js 数值转换为3位逗号分隔的示例代码
Feb 19 Javascript
现代 JavaScript 开发编程风格Idiomatic.js指南中文版
May 28 Javascript
JS实现带圆弧背景渐变效果的导航菜单代码
Oct 13 Javascript
js实现多图左右切换功能
Aug 04 Javascript
Vue 组件间的样式冲突污染
Aug 31 Javascript
VUEJS 2.0 子组件访问/调用父组件的实例
Feb 10 Javascript
微信小程序实现的动态设置导航栏标题功能示例
Jan 31 Javascript
详解vue 图片上传功能
Apr 30 Javascript
JS查找孩子节点简单示例
Jul 25 Javascript
详解vue修改elementUI的分页组件视图没更新问题
Nov 13 Javascript
解决vue下载后台传过来的乱码流的问题
Dec 05 Vue.js
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
实用函数10
2007/11/08 PHP
php zend解密软件绿色版测试可用
2008/04/14 PHP
PHP图片库imagemagick安装方法
2014/09/23 PHP
JavaScript学习历程和心得小结
2010/08/16 Javascript
js实现点小图看大图效果的思路及示例代码
2013/10/28 Javascript
JS按字节截取字符长度实例
2013/11/20 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
2014/12/29 Javascript
Javascript基础教程之数据类型 (字符串 String)
2015/01/18 Javascript
JavaScript 实现完美兼容多浏览器的复制功能代码
2015/04/28 Javascript
基于jquery实现导航菜单高亮显示(两种方法)
2015/08/23 Javascript
jquery实现网页的页面平滑滚动效果代码
2015/11/02 Javascript
jQuery的图片轮播插件PgwSlideshow使用详解
2016/08/11 Javascript
解决angularjs WdatePicker ng-model的问题
2018/09/13 Javascript
Python中字典和JSON互转操作实例
2015/01/19 Python
浅谈Python数据类型判断及列表脚本操作
2016/11/04 Python
Python常用时间操作总结【取得当前时间、时间函数、应用等】
2017/05/11 Python
python中模块查找的原理与方法详解
2017/08/11 Python
从头学Python之编写可执行的.py文件
2017/11/28 Python
对numpy中的数组条件筛选功能详解
2018/07/02 Python
python3安装speech语音模块的方法
2018/12/24 Python
关于Tensorflow使用CPU报错的解决方式
2020/02/05 Python
python logging.info在终端没输出的解决
2020/05/12 Python
基于pandas向csv添加新的行和列
2020/05/25 Python
利用Python将图片中扭曲矩形的复原
2020/09/07 Python
网易微博Web App用HTML5开发的过程介绍
2012/06/13 HTML / CSS
采用专利算法搜索最廉价的机票:CheapAir
2016/09/10 全球购物
BrandAlley英国:法国折扣奢侈品网上零售商
2017/07/03 全球购物
出纳岗位职责范本
2013/12/01 职场文书
蔬菜基地的创业计划书
2014/01/06 职场文书
警示教育活动总结
2014/05/05 职场文书
借款协议书
2014/09/16 职场文书
2014年小学班主任工作总结
2014/11/08 职场文书
碧霞祠导游词
2015/02/09 职场文书
2015年人事工作总结范文
2015/04/09 职场文书
欠款证明
2015/06/24 职场文书
服务行业标语口号
2015/12/26 职场文书