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 json 新手入门文档
Dec 03 Javascript
HTA版JSMin(省略修饰语若干)基于javascript语言编写
Dec 24 Javascript
jQuery第三课 修改元素属性及内容的代码
Mar 14 Javascript
jQuery中Dom的基本操作小结
Jan 23 Javascript
使用jQuery实现input数值增量和减量的方法
Jan 24 Javascript
自己动手写的jquery分页控件(非常简单实用)
Oct 28 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
Mar 09 Javascript
Angular2使用Angular-CLI快速搭建工程(二)
May 21 Javascript
详解自定义ajax支持跨域组件封装
Feb 08 Javascript
初探Vue3.0 中的一大亮点Proxy的使用
Dec 06 Javascript
解决vue2中使用elementUi打包报错的问题
Sep 22 Javascript
vue实现书本翻页动画效果实例详解
Apr 08 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
php正则提取html图片(img)src地址与任意属性的方法
2017/02/08 PHP
PHP/ThinkPHP实现批量打包下载文件的方法示例
2017/07/31 PHP
thinkPHP5分页功能实现方法分析
2017/10/25 PHP
JS实现浏览器菜单命令
2006/09/05 Javascript
JS中简单的实现像C#中using功能(有源码下载)
2007/01/09 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
使用javascript实现判断当前浏览器
2015/04/14 Javascript
纯JS实现本地图片预览的方法
2015/07/31 Javascript
javascript实现的网站访问量统计代码
2015/12/20 Javascript
jQuery实现TAB选项卡切换特效简单演示
2016/03/04 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
bootstrap折叠调用collapse()后data-parent不生效的快速解决办法
2017/02/23 Javascript
setTimeout函数的神奇使用
2017/02/26 Javascript
node.js 利用流实现读写同步,边读边写的方法
2017/09/11 Javascript
vue移动端项目缓存问题实践记录
2018/10/29 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
2019/06/18 jQuery
Python实现抓取网页并且解析的实例
2014/09/20 Python
python通过正则查找微博@(at)用户的方法
2015/03/13 Python
python实现的简单猜数字游戏
2015/04/04 Python
python抓取网页中链接的静态图片
2018/01/29 Python
Django 使用logging打印日志的实例
2018/04/28 Python
基于Python开发chrome插件的方法分析
2018/07/07 Python
python数据处理之如何选取csv文件中某几行的数据
2019/09/02 Python
keras分类之二分类实例(Cat and dog)
2020/07/09 Python
Matplotlib 绘制饼图解决文字重叠的方法
2020/07/24 Python
Python3+Appium安装及Appium模拟微信登录方法详解
2021/02/16 Python
python利用opencv实现颜色检测
2021/02/23 Python
美国指甲油品牌:Deco Miami
2017/01/30 全球购物
倩碧香港官方网站:Clinique香港
2017/11/13 全球购物
Brother加拿大官网:打印机、贴标机、缝纫机
2019/10/09 全球购物
俄罗斯便宜的在线服装商店:GroupPrice
2020/04/10 全球购物
工程师岗位职责规定
2014/02/26 职场文书
房屋出租委托书格式
2014/09/23 职场文书
python本地文件服务器实例教程
2021/05/02 Python
golang 语言中错误处理机制
2021/08/30 Golang
Windows 64位 安装 mysql 8.0.28 图文教程
2022/04/19 MySQL