javascript判断移动端访问设备并解析对应CSS的方法


Posted in Javascript onFebruary 05, 2015

本文实例讲述了javascript判断移动端访问设备并解析对应CSS的方法。分享给大家供大家参考。具体分析如下:

javascript判断不同web访问环境,主要针对移动设备,提供相对应的解析方案(判断设备代码直接copy腾讯网的):

// 判断是否为移动端运行环境  

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>");}

加载页面:

<script type="text/javascript">  

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)){  

                window.location.href="手机页面";  

            }else if(/iPad/i.test(navigator.userAgent)){  

                window.location.href="平板页面";  

            }else{  

                window.location.href="其他移动端页面"  

            }  

        }catch(e){}  

    }  

}  

</script>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript 中的日期和时间及表示标准介绍
Aug 21 Javascript
js实现的折叠导航示例
Nov 29 Javascript
js防止页面被iframe调用的方法
Oct 30 Javascript
jQuery中:last选择器用法实例
Dec 30 Javascript
js的flv视频播放器插件使用方法
Jun 23 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
Nov 17 Javascript
快速掌握jQuery插件开发
Jan 19 Javascript
通过源码分析Vue的双向数据绑定详解
Sep 24 Javascript
node.js用fs.rename强制重命名或移动文件夹的方法
Dec 27 Javascript
vue2.0 子组件改变props值,并向父组件传值的方法
Mar 01 Javascript
浅谈React组件之性能优化
Mar 02 Javascript
解决layui checkbox 提交多个值的问题
Sep 02 Javascript
Javascript数组操作函数总结
Feb 05 #Javascript
Javascript毫秒数用法实例
Feb 05 #Javascript
封装了jQuery的Ajax请求全局配置
Feb 05 #Javascript
node.js集成百度UE编辑器
Feb 05 #Javascript
浅谈JavaScript中Date(日期对象),Math对象
Feb 05 #Javascript
JavaScript计时器示例分析
Feb 05 #Javascript
编写自己的jQuery提示框(Tip)插件
Feb 05 #Javascript
You might like
资料注册后发信小技巧
2006/10/09 PHP
PHPMYADMIN 简明安装教程 推荐
2010/03/07 PHP
为IP查询添加GOOGLE地图功能的代码
2010/08/08 PHP
深入PHP nl2br()格式化输出的详解
2013/06/05 PHP
php xml常用函数的集合(比较详细)
2013/06/06 PHP
微信利用PHP创建自定义菜单的方法
2016/08/01 PHP
PHP自定义多进制的方法
2016/11/03 PHP
Discuz不使用插件实现简单的打赏功能
2019/03/21 PHP
jquery(live)中File input的change方法只起一次作用的解决办法
2011/10/21 Javascript
jQuery的Ajax的自动完成功能控件简要说明
2013/02/22 Javascript
javascript 使用 NodeList需要注意的问题
2013/03/04 Javascript
JS实现QQ图片一闪一闪的效果小例子
2013/07/31 Javascript
jQuery1.9.1针对checkbox的调整方法(prop)
2014/05/01 Javascript
简单实现bootstrap导航效果
2017/02/07 Javascript
js+html制作简单日历的方法
2017/06/27 Javascript
react router4+redux实现路由权限控制的方法
2018/05/03 Javascript
JavaScript实现一个简易的计算器实例代码
2018/05/10 Javascript
PHP读取远程txt文档到数组并实现遍历
2020/08/25 Javascript
vue组件添加事件@click.native操作
2020/10/30 Javascript
Python编程之序列操作实例详解
2017/07/22 Python
200 行python 代码实现 2048 游戏
2018/01/12 Python
python logging日志模块以及多进程日志详解
2018/04/18 Python
解决已经安装requests,却依然提示No module named requests问题
2018/05/18 Python
如何用Python 加密文件
2020/09/10 Python
Python模拟登录requests.Session应用详解
2020/11/17 Python
英国灯具和灯泡网上商店:Lights.co.uk
2018/02/02 全球购物
Java如何读取CLOB字段
2013/10/10 面试题
管理失职检讨书
2014/02/12 职场文书
《湘夫人》教学反思
2014/02/21 职场文书
人事专员岗位职责范本
2014/03/04 职场文书
奠基仪式策划方案
2014/05/15 职场文书
项目经理任命书内容
2014/06/06 职场文书
大学生第一学年自我鉴定
2014/09/12 职场文书
2015年企业团支部工作总结
2015/05/21 职场文书
2019年国庆祝福语(70句)
2019/09/19 职场文书
「魔法少女伊莉雅」美游粘土人开订
2022/03/21 日漫