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 getElementsByTagName
Jan 31 Javascript
JavaScript中的异常捕捉介绍
Dec 31 Javascript
JQuery中DOM事件冒泡实例分析
Jun 13 Javascript
微信小程序 参数传递详解
Oct 24 Javascript
JS冒泡事件与事件捕获实例详解
Nov 25 Javascript
BOM之navigator对象和用户代理检测
Feb 10 Javascript
BootStrap daterangepicker 双日历控件
Jun 02 Javascript
vue.js中父组件调用子组件的内部方法示例
Oct 22 Javascript
vuex的简单使用教程
Feb 02 Javascript
详解性能更优越的小程序图片懒加载方式
Jul 18 Javascript
vue引入axios同源跨域问题
Sep 27 Javascript
JS实现放大镜效果
Sep 21 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
全国FM电台频率大全 - 1 北京市
2020/03/11 无线电
解决文件名解压后乱码的问题 将文件名进行转码的代码
2012/01/10 PHP
PHP中“简单工厂模式”实例代码讲解
2012/09/04 PHP
PHP图像处理之imagecreate、imagedestroy函数介绍
2014/11/19 PHP
php使用ob_flush不能每隔一秒输出原理分析
2015/06/02 PHP
WEB高性能开发之疯狂的HTML压缩
2010/06/19 Javascript
深入理解javascript动态插入技术
2013/11/12 Javascript
让人蛋疼的JavaScript语法特性
2014/09/30 Javascript
微信小程序 wxapp内容组件 icon详细介绍
2016/10/31 Javascript
jQuery validate插件功能与用法详解
2016/12/15 Javascript
JS中的数组转变成JSON格式字符串的方法
2017/05/09 Javascript
浅谈Redux中间件的实践
2018/07/27 Javascript
深入理解移动前端开发之viewport
2018/10/19 Javascript
如何通过shell脚本自动生成vue文件详解
2019/09/10 Javascript
解决vue admin element noCache设置无效的问题
2019/11/12 Javascript
js实现简单的轮播图效果
2020/12/13 Javascript
[01:59]DOTA2首部纪录片《Free to play》预告片
2014/03/12 DOTA
python中pygame模块用法实例
2014/10/09 Python
python中__call__方法示例分析
2014/10/11 Python
pygame学习笔记(3):运动速率、时间、事件、文字
2015/04/15 Python
python2.7实现爬虫网页数据
2018/05/25 Python
python 3.6.5 安装配置方法图文教程
2018/09/18 Python
Python设计模式之工厂方法模式实例详解
2019/01/18 Python
python利用datetime模块计算程序运行时间问题
2020/02/20 Python
python用TensorFlow做图像识别的实现
2020/04/21 Python
Python在后台自动解压各种压缩文件的实现方法
2020/11/10 Python
Python Selenium异常处理的实例分析
2021/02/28 Python
HTML5边玩边学(2)基础绘图实现方法
2010/09/21 HTML / CSS
详解HTML5中的Communication API基本使用方法
2016/01/29 HTML / CSS
物流仓管员岗位职责
2013/12/04 职场文书
大一期末自我鉴定
2013/12/13 职场文书
CAD制图人员的自荐信
2014/02/07 职场文书
本科生导师推荐信范文
2014/05/18 职场文书
北京申奥口号
2014/06/19 职场文书
2015年骨干教师工作总结
2015/05/26 职场文书
Python中异常处理用法
2021/11/27 Python