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 相关文章推荐
JavaScript 操作键盘的Enter事件(键盘任何事件),兼容多浏览器
Oct 11 Javascript
JS.elementGetStyle(element, style)应用示例
Sep 24 Javascript
jQuery中bind,live,delegate与one方法的用法及区别解析
Dec 30 Javascript
JavaScript实现在标题栏上显示当前日期的方法
Mar 19 Javascript
JavaScript动态添加事件之事件委托
Jul 12 Javascript
vue iView 上传组件之手动上传功能
Mar 16 Javascript
微信小程序结合mock.js实现后台模拟及调试
Mar 28 Javascript
JS根据json数组多个字段排序及json数组常用操作
Jun 06 Javascript
ES6 Generator函数的应用实例分析
Jun 26 Javascript
基于vue写一个全局Message组件的实现
Aug 15 Javascript
js实现带有动画的返回顶部
Aug 09 Javascript
【js设计模式】SOLID五大设计原则
Mar 24 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
第九节 绑定 [9]
2006/10/09 PHP
基于mysql的论坛(1)
2006/10/09 PHP
PHP中使用sleep函数实现定时任务实例分享
2014/08/21 PHP
Drupal简体中文语言包安装教程
2014/09/27 PHP
使用PHP实现微信摇一摇周边红包
2016/01/04 PHP
php通过PHPExcel导入Excel表格到MySQL数据库的简单实例
2016/10/29 PHP
php格式化时间戳
2016/12/17 PHP
thinkPHP框架实现生成条形码的方法示例
2018/06/06 PHP
通过event对象的fromElement属性解决热区设置主实体的一个bug
2008/12/22 Javascript
cloudgamer出品ImageZoom 图片放大效果
2010/04/01 Javascript
基于jquery的滚动新闻列表
2010/06/19 Javascript
解决3.01版的jquery.form.js中文乱码问题的解决方法
2012/03/08 Javascript
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
2013/12/31 Javascript
js post提交调用方法
2014/02/12 Javascript
javascript清空table表格的方法
2015/05/14 Javascript
jquery利用拖拽方式在图片上添加热链接
2015/11/24 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
2019/10/14 Javascript
js前端如何写一个精确的倒计时代码
2019/10/25 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
2019/11/05 Javascript
vue-router的hooks用法详解
2020/06/08 Javascript
Python中字符串对齐方法介绍
2015/05/21 Python
django DRF图片路径问题的解决方法
2018/09/10 Python
Python拼接字符串的7种方法总结
2018/11/01 Python
Python 根据数据模板创建shapefile的实现
2019/11/26 Python
Pycharm中Python环境配置常见问题解析
2020/01/16 Python
python读取csv文件指定行的2种方法详解
2020/02/13 Python
python实现密度聚类(模板代码+sklearn代码)
2020/04/27 Python
Python实现FTP文件定时自动下载的步骤
2020/12/19 Python
基于HTML5 FileSystem API的使用介绍
2013/04/24 HTML / CSS
利用HTML5画出一个坦克的形状具体实现代码
2013/06/20 HTML / CSS
牵手50新加坡:专为黄金岁月的单身人士而设的交友网站
2020/08/16 全球购物
会计专业推荐信
2013/10/29 职场文书
2014年幼师工作总结
2014/11/22 职场文书
大学生党课感想
2015/08/11 职场文书
体育委员竞选稿
2015/11/21 职场文书
CSS 使用 resize 实现图片拖拽切换预览功能(强大功能)
2021/08/23 HTML / CSS