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 Date对象 日期获取函数
Dec 19 Javascript
js数组的操作详解
Mar 27 Javascript
JS表格组件神器bootstrap table详解(强化版)
May 26 Javascript
JS实现n秒后自动跳转的两种方法
Nov 30 Javascript
AngularJS入门教程之更多模板详解
Aug 19 Javascript
js时间比较 js计算时间差的简单实现方法
Aug 26 Javascript
利用Angularjs实现幻灯片效果
Sep 07 Javascript
jQuery判断是否存在滚动条的简单方法
Sep 17 Javascript
jQuery生成假加载动画效果
Dec 01 Javascript
详解webpack + vue + node 打造单页面(入门篇)
Sep 23 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
Oct 27 Javascript
深入解析koa之中间件流程控制
Jun 17 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
MySQL相关说明
2007/01/15 PHP
PHP 实现多服务器共享 SESSION 数据
2009/08/15 PHP
php空间不支持socket但支持curl时recaptcha的用法
2011/11/07 PHP
PHP 简易输出CSV表格文件的方法详解
2013/06/20 PHP
php生成数组的使用示例 php全组合算法
2014/01/16 PHP
使用Thinkphp框架开发移动端接口
2015/08/05 PHP
PHP的PDO操作简单示例
2016/03/30 PHP
php 根据自增id创建唯一编号类
2017/04/06 PHP
laravel 5异常错误:FatalErrorException in Handler.php line 38的解决
2017/10/12 PHP
php微信公众号开发之关键词回复
2018/10/20 PHP
实例讲解PHP中使用命名空间
2019/01/27 PHP
Ajax+Jpgraph实现的动态折线图功能示例
2019/02/11 PHP
phpStorm+XDebug+chrome 配置详解
2019/04/01 PHP
Laravel + Elasticsearch 实现中文搜索的方法
2020/02/02 PHP
网页右键ie不支持event.preventDefault和event.returnValue (需要加window)
2013/02/22 Javascript
javascript字符串替换及字符串分割示例代码
2013/12/12 Javascript
登陆成功后自动计算秒数执行跳转
2014/01/23 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
2014/04/15 Javascript
js实现checkbox全选和反选示例
2014/05/01 Javascript
用js格式化金额可设置保留的小数位数
2014/05/09 Javascript
JS判断元素是否在数组内的实现代码
2016/03/30 Javascript
Node.js中多进程模块Cluster的介绍与使用
2017/05/27 Javascript
微信小程序中的店铺评分组件及vue中用svg实现的评分显示组件
2018/11/16 Javascript
一些手写JavaScript常用的函数汇总
2019/04/16 Javascript
uni-app之APP和小程序微信授权方法
2019/05/09 Javascript
layui监听select变化,以及设置radio选中的方法
2019/09/24 Javascript
10个Python小技巧你值得拥有
2018/09/29 Python
python 利用浏览器 Cookie 模拟登录的用户访问知乎的方法
2019/07/11 Python
中国综合网上购物商城:苏宁易购
2016/08/09 全球购物
Ashford台湾:以折扣价提供奢华的男女用表款
2019/12/04 全球购物
企业管理专业个人求职信范文
2013/09/24 职场文书
政治思想表现评语
2014/05/04 职场文书
安全标语大全
2014/06/10 职场文书
超市促销活动总结
2014/07/01 职场文书
golang中的并发和并行
2021/05/08 Golang
服务器SVN搭建图文安装过程
2022/06/21 Servers