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的回车成tab焦点切换效果代码(Enter To Tab )
Nov 14 Javascript
jquery 笔记 事件
Nov 02 Javascript
Jquery多选框互相内容交换的实例代码
Jul 04 Javascript
PHP+jQuery实现随意拖动层并即时保存拖动位置
Apr 30 Javascript
简介JavaScript中toUpperCase()方法的使用
Jun 06 Javascript
Bootstrap项目实战之首页内容介绍(全)
Apr 25 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
Oct 24 Javascript
ES6新特性七:数组的扩充详解
Apr 21 Javascript
详解如何在Vue里建立长按指令
Aug 20 Javascript
layui 表格操作列按钮动态显示的实现方法
Sep 06 Javascript
react实现移动端下拉菜单的示例代码
Jan 16 Javascript
JSONObject与JSONArray使用方法解析
Sep 28 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操作符与控制结构代码
2011/12/30 PHP
php array_key_exists() 与 isset() 的区别
2016/10/24 PHP
thinkphp5修改view到根目录实例方法
2019/07/02 PHP
js传值 判断
2006/10/26 Javascript
js trim函数 去空格函数与正则集锦
2009/11/20 Javascript
基于javascript简单实现对身份证校验
2021/01/25 Javascript
详解jQuery中的empty、remove和detach
2016/04/11 Javascript
浅谈JavaScript前端开发的MVC结构与MVVM结构
2016/06/03 Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
2017/01/16 Javascript
JavaScript实现按键精灵的原理分析
2017/02/21 Javascript
ionic实现下拉刷新载入数据功能
2017/05/11 Javascript
vue中实现滚动加载更多的示例
2017/11/08 Javascript
简单学习5种处理Vue.js异常的方法
2019/06/17 Javascript
JS轮播图的实现方法
2020/08/24 Javascript
[01:04]DOTA2:伟大的Roshan雕塑震撼来临
2015/01/30 DOTA
[00:32]2018DOTA2亚洲邀请赛EG出场
2018/04/03 DOTA
Python新手们容易犯的几个错误总结
2017/04/01 Python
python实现学生信息管理系统
2020/04/05 Python
python集合是否可变总结
2019/06/20 Python
如何用python处理excel表格
2020/06/09 Python
使用keras实现Precise, Recall, F1-socre方式
2020/06/15 Python
CSS3 Notes: -webkit-box-reflect实现倒影的实例
2016/12/08 HTML / CSS
力学专业毕业生自荐信
2013/11/17 职场文书
小区门卫工作职责
2013/12/14 职场文书
剪枝的学问教学反思
2014/02/07 职场文书
作风建设演讲稿
2014/05/23 职场文书
教师自我剖析材料范文
2014/09/30 职场文书
村主任个人对照检查材料
2014/10/01 职场文书
四风问题个人剖析材料
2014/10/07 职场文书
企业财务人员岗位职责
2015/04/14 职场文书
企业财务管理制度范本
2015/08/04 职场文书
告诉你一个秘密:富人致富的五大优点
2019/07/11 职场文书
写给消防战士们的一封慰问信
2019/10/07 职场文书
python自动计算图像数据集的RGB均值
2021/06/18 Python
Go语言并发编程 sync.Once
2021/10/16 Golang
深入讲解Vue中父子组件通信与事件触发
2022/03/22 Vue.js