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 继承实现例子
Aug 12 Javascript
js实现双向链表互联网机顶盒实战应用实现
Oct 28 Javascript
JavaScript 高级篇之闭包、模拟类,继承(五)
Apr 07 Javascript
javascript的console.log()用法小结
May 31 Javascript
解析Javascript小括号“()”的多义性
Dec 03 Javascript
JavaScript AJAX之惰性载入函数
Aug 27 Javascript
Angular Js文件上传之form-data
Aug 28 Javascript
老生常谈jquery中detach()和remove()的区别
Mar 02 Javascript
Bootstrap fileinput文件上传预览插件使用详解
May 16 Javascript
jQuery选择器之基本过滤选择器用法实例分析
Feb 19 jQuery
原生js实现针对Dom节点的CRUD操作示例
Aug 26 Javascript
js实现盒子移动动画效果
Aug 09 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/05/11 PHP
php页面缓存ob系列函数介绍
2012/10/18 PHP
PHP开发之用微信远程遥控服务器
2018/01/25 PHP
PHP基于cookie实现统计在线人数功能示例
2019/01/16 PHP
Jquery attr(&quot;checked&quot;) 返回checked或undefined 获取选中失效
2013/10/10 Javascript
jquery each的几种常用的使用方法示例
2014/01/21 Javascript
window.onload与$(document).ready()的区别分析
2015/05/30 Javascript
详解JavaScript中的客户端消息框架设计原理
2015/06/24 Javascript
jQuery实现带玻璃流光质感的手风琴特效
2015/11/20 Javascript
js图片跟随鼠标移动代码
2015/11/26 Javascript
判断数组是否包含某个元素的js函数实现方法
2016/05/19 Javascript
js生成随机数(指定范围)的实例代码
2016/07/10 Javascript
浅谈js键盘事件全面控制
2016/12/01 Javascript
使用BootStrap建立响应式网页——通栏轮播图(carousel)
2016/12/21 Javascript
详解Webpack DLL用法以及功能
2017/07/11 Javascript
基于Vue+element-ui 的Table二次封装的实现
2018/07/20 Javascript
Bootstrap 模态框自定义点击和关闭事件详解
2018/08/10 Javascript
javascript递归函数定义和用法示例分析
2020/07/22 Javascript
在vue中使用回调函数,this调用无效的解决
2020/08/11 Javascript
typescript配置alias的详细步骤
2020/08/12 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
2020/11/05 Javascript
[02:32]DOTA2亚洲邀请赛 C9战队出场宣传片
2015/02/07 DOTA
Python实现同时兼容老版和新版Socket协议的一个简单WebSocket服务器
2014/06/04 Python
python 产生token及token验证的方法
2018/12/26 Python
用Python将Excel数据导入到SQL Server的例子
2019/08/24 Python
Python使用matplotlib绘制三维参数曲线操作示例
2019/09/10 Python
canvas像素画板的实现代码
2018/11/21 HTML / CSS
Html5 Canvas实现图片标记、缩放、移动和保存历史状态功能 (附转换公式)
2020/03/18 HTML / CSS
Python使用openpyxl复制整张sheet
2021/03/24 Python
体育教师个人的自我评价
2014/02/16 职场文书
五一劳动节活动记录
2014/03/23 职场文书
2015年收银员个人工作总结
2015/04/01 职场文书
2019大学竞选班长发言稿
2019/06/27 职场文书
适合毕业生创业的项目怎么找?
2019/08/08 职场文书
七年级之开学家长寄语35句
2019/09/05 职场文书
导游词之天下银坑景区
2019/11/21 职场文书