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控制字体大小的代码
Oct 04 Javascript
js和jquery如何获取图片真实的宽度和高度
Sep 28 Javascript
再谈JavaScript线程
Jul 10 Javascript
JavaScript实现表格快速变色效果代码
Aug 19 Javascript
jQuery使用ajax跨域获取数据的简单实例
May 18 Javascript
清除浏览器缓存的几种方法总结(必看)
Dec 09 Javascript
理解AngularJs篇:30分钟快速掌握AngularJs
Dec 23 Javascript
微信小程序 侧滑删除(左滑删除)
May 23 Javascript
详解webpack解惑:require的五种用法
Jun 09 Javascript
解决ng-repeat产生的ng-model中取不到值的问题
Oct 02 Javascript
webpack打包html里面img后src为“[object Module]”问题
Dec 22 Javascript
js闭包的9个使用场景
Dec 29 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
咖啡产品发展的三大浪潮
2021/03/04 咖啡文化
php include的妙用,实现路径加密
2008/07/29 PHP
PHP 通过Socket收发十六进制数据的实现代码
2013/08/16 PHP
Laravel关联模型中过滤结果为空的结果集(has和with区别)
2018/10/18 PHP
dojo学习第一天 Tab选项卡 实现
2011/08/28 Javascript
简单的前端js+ajax 购物车框架(入门篇)
2011/10/29 Javascript
JavaScript取得鼠标绝对位置程序代码介绍
2012/09/16 Javascript
Js实现当前点击a标签变色突出显示其他a标签回复原色
2013/11/27 Javascript
javascript简单性能问题及学习笔记
2014/02/04 Javascript
Javascript中call和apply函数的比较和使用实例
2015/02/03 Javascript
Vue入门之animate过渡动画效果
2018/04/08 Javascript
使用vue-router为每个路由配置各自的title
2018/07/30 Javascript
javascript实现的时间格式加8小时功能示例
2019/06/13 Javascript
vue中get请求如何传递数组参数的方法示例
2019/11/08 Javascript
javascript 函数的暂停和恢复实例详解
2020/04/25 Javascript
Vue跨域请求问题解决方案过程解析
2020/08/07 Javascript
[02:10]探秘浦东源深体育馆 DOTA2 Supermajor不见不散
2018/05/17 DOTA
探索Python3.4中新引入的asyncio模块
2015/04/08 Python
解析Python中的__getitem__专有方法
2016/06/27 Python
scrapy爬虫完整实例
2018/01/25 Python
python中ImageTk.PhotoImage()不显示图片却不报错问题解决
2018/12/06 Python
Python时间和字符串转换操作实例分析
2019/03/16 Python
基于python实现数组格式参数加密计算
2020/04/21 Python
Python之变量类型和if判断方式
2020/05/05 Python
Linux安装Python3如何和系统自带的Python2并存
2020/07/23 Python
Django返回HTML文件的实现方法
2020/09/17 Python
ellesse美国官方商店:意大利高级运动服品牌
2019/10/29 全球购物
Bluebella德国官网:英国性感内衣和睡衣品牌
2019/11/08 全球购物
就业推荐自我鉴定
2013/10/06 职场文书
大学生收银员求职信分享
2014/01/02 职场文书
教师节活动主持词
2014/04/02 职场文书
工商管理专业自荐信
2014/06/03 职场文书
刑事申诉状范文
2015/05/20 职场文书
民事代理词范文
2015/05/25 职场文书
婚前协议书怎么写,才具有法律效力呢 ?
2019/06/28 职场文书
python中validators库的使用方法详解
2022/09/23 Python