js 获取手机浏览器类型,修改css文件的class的值
/*=========================================
函数功能:获取浏览器类型
=========================================*/
function getBrowser()
{
var type = "pc"
var ua = navigator.userAgent.toLowerCase();
/*
Navigator 是HTML DOM中的内置对象,它包含有关浏览器的信息。userAgent是Navigator 的属性方法,可返回由客户机发送服务器的 user-agent 头部的值。作用其实就是返回当前用户所使用的是什么浏览器,*/ if(ua.indexOf('android') > -)
{
type = "android" var start_index = ua.indexOf('android'); var version = ua.substring(start_index, start_index + ); version = version.replace("/", " "); // 低于 android 4.4 版本
if(version < "android 4.4")
{
params.lowVersion = true; updateClass("common.css", ".modal-dialog", function(cssRule){
cssRule.style.top = "2%";
cssRule.style.marginTop = "0px";
});
/*
.modal-dialog
{
top: 45%;
left: 50%;
width: 300px;
height: 500px;
position: absolute;
margin: -120px 0px 0px -150px;
}
*/
} }
else if(ua.indexOf('iphone') > - || ua.indexOf('ipad') > -)
{
type = "ios";
} return type;
} /**
* 修改文件样式
* @param fileName 文件名称
* @param className 样式名称
* @param method 回调函数, 在回调函数内修改样式
*/
function updateClass(fileName, className, method)
{
var styleSheet = null, cssRule = null;
//document.styleSheets:获取页面的所有css样式<link rel="stylesheet" type="text/css" href="../../../css/common.css">
for(var i = , len = document.styleSheets.length; i < len; i++) {
if(document.styleSheets[i].href != null && document.styleSheets[i].href.indexOf(fileName) >= )
{
styleSheet = document.styleSheets[i];
break;
}
} if(styleSheet == null)
{
return;
}
//styleSheet.cssRules获取common.css文件的所有class样式
for(var i = , len = styleSheet.cssRules.length; i < len; i++)
{
if(styleSheet.cssRules[i].selectorText && styleSheet.cssRules[i].selectorText.indexOf(className) >= )
{
cssRule = styleSheet.cssRules[i];
/*cssRule为:
.modal-dialog
{
top: 45%;
left: 50%;
width: 300px;
height: 500px;
position: absolute;
margin: -120px 0px 0px -150px;
}
*/
method(cssRule);
return;
}
}
}
params['ywlx'] = document.body==undefined ? "" : (document.body.getAttribute("data-ywlx") || ""); <!DOCTYPE HTML>
<html ng-app="ptjyChaChe" ng-controller="ptjyChaCheController">
<body data-ywlx="ptjy">
js 获取手机浏览器类型,修改css文件的class的值的更多相关文章
- JS 获取当前浏览器类型
JS代码: function getType() { if(navigator.userAgent.indexOf("MSIE")>0) { return "MSI ...
- JS获取当前浏览器的类型
<script type=“text/javascript”> function isIE(){return navigator.appName.indexOf(“Microsoft In ...
- js获取手机型号和手机操作系统版本号
1.js 判断IOS版本号 先来观察 iOS 的 User-Agent 串: iPhone 4.3.2 系统:Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 l ...
- js怎么判断浏览器类型
<script type=“text/javascript”> function isIE(){return navigator.appName.indexOf(“Microsoft In ...
- JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)_javascript技巧_
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)_javascript技巧_--HTML5中文学习网 http://www.html5cn.com.cn/shili/javascripts/79 ...
- js获取子节点和修改input的文本框内容
js获取子节点和修改input的文本框内容 js获取子节点: $("#"+defaultPVItemId).children().eq(3); //获取某个选择器下的第四个子节点 ...
- 获取手机浏览器IP的函数
function GetIP() { if (!empty($_SERVER['HTTP_CLIENT_IP'])) { //如果变量是非空或非零的值,则 empty()返回 FALSE. $IP = ...
- C# Directory.GetFiles()获取多个类型格式的文件
第一种方式 System.IO.Directory.GetFiles()获取多个类型格式的文件 System.IO.Directory.GetFiles("c:\","( ...
- 前端通过js获取手机型号
###前段通过js获取手机型号 需求: 用户登录后记录当前的手机型号并记录 插件: mobile-detect.js插件地址 mobile-device-js插件地址 使用步骤: 获取UA信息-> ...
随机推荐
- springboot与mybatis集成
1)添加依赖 <!-- mybatis --> <dependency> <groupId>org.mybatis.spring.boot</groupId& ...
- Blender Python UV 学习
Blender Python UV 学习 1. bmesh面转换 bm = bmesh.from_edit_mesh(bpy.context.edit_object.data) bm.faces.en ...
- web拼图错误分析
老师要求用web制作一个拼图游戏. 发现的问题:点击随机生成拼图的按钮后,打乱的图片会出现无法还原的情况. 发现过程:每次生成一个拼图后会测试它怎么拼回去,结果发现有时候拼不回去. 数学原理:如果两个 ...
- vuex的状态管理模式
1.store.js Vuex 通过 store 选项,提供了一种机制将状态从根组件“注入”到每一个子组件中(需调用 Vue.use(Vuex)) state:存放数据. mutations:提交状态 ...
- sublime text 3 上安装xdebug
安装完成之后启动xdebug,缺省设置下会显示warning等信息,很不方便. 可以参考 https://github.com/martomo/SublimeTextXdebug/blob/maste ...
- 互联网的大数据神话——NoSQL
本文摘抄于:<纵横大数据--云计算数据基础设施> 何小朝著 Chapter5. NewSQL--关系数据库联邦/联合 5.4.2 互联网的神话 对强一致性的要求放松,是因为 互联网的分布 ...
- QT4.8界面设计(MSVC2010X)
1.C++ IDE设计 MFC这种半死不活的windows C++平台已经被抛弃,很无奈.转向Qt的C++还是不错的选择. QT的QML才是最新的亮点,可惜没有时间经历这些东西了. 2.程序代码 2. ...
- vc++绘图,颜色
新建mfc应用程序,Graphic ,单文档 添加菜单项,点,直线,矩形,椭圆 建立类导向 MFC ClassWizard,为菜单项添加命令响应 添加成员变量 在CGraphicView构造函数中进行 ...
- vc++创建窗体
//创建窗口,一般分为四步 /*1 WinMain函数的定义 2 创建一个窗口 3 编写消息循环 4 编写窗口过程函数*/ #include <windows.h> //包含windows ...
- Ubuntu Server 与 Ubuntu Desktop区别
今天有位朋友问我,Ubuntu Server 与 Ubuntu Desktop的区别在哪里!区别如下: SERVER没有GUI SERVER没有一堆的桌面软件 SERVER在编译时使用的参数不一样,会 ...