JS如何判断移动端访问设备并解析对应CSS
更新时间：2013年11月27日 16:09:40 作者：
本文为大家详细介绍下JS如何判断移动端访问设备并解析对应CSS，感兴趣的朋友可以参考下
复制代码 代码如下:
// 判断是否为移动端运行环境
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知识点之"单线程事件驱动"的使用。需要的朋友参考下2013-04-04
这篇文章主要介绍了JavaScript获取页面元素的常用方法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了微信小程序实现添加手机联系人功能,结合实例形式分析了微信小程序添加联系人的具体步骤,包括布局与逻辑实现技巧,需要的朋友可以参考下2017-11-11
这篇文章主要介绍了JavaScript 链表定义与使用方法,结合实例形式分析了JavaScript 链表的基本功能、定义与使用方法,需要的朋友可以参考下2020-04-04
基于RequireJS和JQuery的模块化编程——常见问题全面解析
下面小编就为大家带来一篇基于RequireJS和JQuery的模块化编程——常见问题全面解析。小编觉得挺不错的，现在分享给大家，也给大家做个参考2016-04-04
这篇文章主要介绍了由 JavaScript 的 with 引发的探索，js 的 with 是为对象访问提供命名空间式的访问方式，with 创建一个对象的命名空间，在这个命名空间内你可以直接访问对象的属性，而不需要通过对象来访问，下面一起来了解更多详细内容吧2022-01-01
按照W3C的说明，String对象的replace方法调用方式是stringObject.replace(regexp/substr,replacement)。2011-12-12
这篇文章主要介绍了微信小程序—setTimeOut定时器的问题及解决,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-07-07
关于Javascript中document.cookie的使用
这篇文章主要介绍了关于Javascript中document.cookie的使用,通过cookie来记住密码保存密码功能，需要的朋友可以参考下2017-03-03
很多时候，需要对Yii表单model中的对象设置的rules进行判断，但是有的时候可能需要在提交之前就在客户端进行验证。怎么处理呢？接下来通过本文给大家分享yii form 表单提交之前JS在提交按钮的验证方法，需要的的朋友参考下2017-03-03
最新评论