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 相关文章推荐
JS 动态获取节点代码innerHTML分析 [IE,FF]
Nov 30 Javascript
关于跨站脚本攻击问题
Dec 22 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
May 27 Javascript
JS+DIV实现鼠标划过切换层效果的实例代码
Nov 26 Javascript
js加入收藏夹代码(兼容ie/ff/op)
May 16 Javascript
AngularJS 入门教程之HTML DOM实例详解
Jul 28 Javascript
Bootstrap源码解读排版(1)
Dec 23 Javascript
微信小程序 缓存(本地缓存、异步缓存、同步缓存)详解
Jan 17 Javascript
jQuery html表格排序插件tablesorter使用方法详解
Feb 10 Javascript
Kindeditor单独调用多图上传实例
Jul 31 Javascript
Vue+webpack实现懒加载过程解析
Feb 17 Javascript
uni-app如何页面传参数的几种方法总结
Apr 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
AM/FM收音机的安装与调试
2021/03/02 无线电
PHP环境中Memcache的安装和使用
2015/11/05 PHP
php+mysql+ajax实现单表多字段多关键词查询的方法
2017/04/15 PHP
PHP将整数数字转换为罗马数字实例分享
2019/03/17 PHP
给moz-firefox下添加IE方法和属性
2007/04/10 Javascript
JS获取各种浏览器窗口大小的方法
2014/01/14 Javascript
javascript浏览器窗口之间传递数据的方法
2015/01/20 Javascript
EasyUI中combobox默认值注意事项
2015/03/01 Javascript
js实现的牛顿摆效果
2015/03/31 Javascript
javascript实现可拖动变色并关闭层窗口实例
2015/05/15 Javascript
Node.js中使用socket创建私聊和公聊聊天室
2015/11/19 Javascript
AngularJS实践之使用NgModelController进行数据绑定
2016/10/08 Javascript
JS自定义函数对web前端上传的文件进行类型大小判断
2016/10/19 Javascript
Vue 页面切换效果之 BubbleTransition(推荐)
2018/04/08 Javascript
对类Vue的MVVM前端库的实现代码
2018/09/07 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
2018/09/27 Javascript
在angularJs中进行数据遍历的2种方法
2018/10/08 Javascript
微信小程序网络层封装的实现(promise, 登录锁)
2019/05/08 Javascript
vue使用openlayers实现移动点动画
2020/09/24 Javascript
Python编程argparse入门浅析
2018/02/07 Python
Python中%是什么意思?python中百分号如何使用?
2018/03/20 Python
Python hexstring-list-str之间的转换方法
2019/06/12 Python
python实现音乐播放器 python实现花框音乐盒子
2020/02/25 Python
python调用API接口实现登陆短信验证
2020/05/10 Python
基于Keras 循环训练模型跑数据时内存泄漏的解决方式
2020/06/11 Python
keras CNN卷积核可视化,热度图教程
2020/06/22 Python
从一次项目重构说起CSS3自定义变量在项目的使用方法
2021/03/01 HTML / CSS
域名注册、建站工具、网页主机、SSL证书:Dynadot
2017/01/06 全球购物
Crocs欧洲官网:Crocs Europe
2020/01/14 全球购物
师范毕业生求职自荐信
2013/09/25 职场文书
亲子读书活动方案
2014/02/22 职场文书
公益广告宣传方案
2014/02/28 职场文书
2014年企业团支部工作总结
2014/12/10 职场文书
2014年中职班主任工作总结
2014/12/16 职场文书
Java设计模式中的命令模式
2022/04/28 Java/Android
js 实现验证码输入框示例详解
2022/09/23 Javascript