/*=========================================

    函数功能：获取浏览器类型

=========================================*/

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的值的更多相关文章

  1. JS 获取当前浏览器类型

    JS代码: function getType() { if(navigator.userAgent.indexOf("MSIE")>0) { return "MSI ...

  2. JS获取当前浏览器的类型

    <script type=“text/javascript”> function isIE(){return navigator.appName.indexOf(“Microsoft In ...

  3. js获取手机型号和手机操作系统版本号

    1.js 判断IOS版本号 先来观察 iOS 的 User-Agent 串: iPhone 4.3.2 系统:Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_3_2 l ...

  4. js怎么判断浏览器类型

    <script type=“text/javascript”> function isIE(){return navigator.appName.indexOf(“Microsoft In ...

  5. JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)_javascript技巧_

    JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)_javascript技巧_--HTML5中文学习网 http://www.html5cn.com.cn/shili/javascripts/79 ...

  6. js获取子节点和修改input的文本框内容

    js获取子节点和修改input的文本框内容 js获取子节点: $("#"+defaultPVItemId).children().eq(3); //获取某个选择器下的第四个子节点 ...

  7. 获取手机浏览器IP的函数

    function GetIP() { if (!empty($_SERVER['HTTP_CLIENT_IP'])) { //如果变量是非空或非零的值,则 empty()返回 FALSE. $IP = ...

  8. C# Directory.GetFiles()获取多个类型格式的文件

    第一种方式 System.IO.Directory.GetFiles()获取多个类型格式的文件 System.IO.Directory.GetFiles("c:\","( ...

  9. 前端通过js获取手机型号

    ###前段通过js获取手机型号 需求: 用户登录后记录当前的手机型号并记录 插件: mobile-detect.js插件地址 mobile-device-js插件地址 使用步骤: 获取UA信息-> ...

随机推荐

  1. Java基础学习分享

    一.Java介绍 Java是由原Sun公司(现已被甲骨文公司收购)于1991年开发的编程语言,初衷是为智能家电的程序设计提供一个分布式代码系统.为了使整个系统与平台无关,采用了虚拟机器码方式,虚拟机内 ...

  2. HTML网页做成ASP.NET后台的方法以及.NET后台控制前台样式的方法

    之前一直不知道,写好的纯HTML网页怎么做成ASP.NET后台的呢,因为之前使用别人的HTML模板写过一个自己的个人博客 果冻栋吖个人博客 当时用的PHP写的.一直在考虑怎么做成.NET的. 今天自己 ...

  3. POJ 1386 判断欧拉回路

    题意:要开启一扇门,n个单词是密码,n个单词中,如果一个单词的首字母和前一个单词的尾字母相同,并且每个单词都能这么连起来且只用一次,则门可以开启,否则不能开启,现给出单词,判断门是否可以开. 有向图欧 ...

  4. MySql数据库中乱码问题解决方案

    show variables like 'character%';    //查看当前各系统位置的字符编码格式 问题一: Incorrect string value: '\xB4\xF3\xB4\x ...

  5. Hadoop MapReduce编程 API入门系列之计数器（二十七）

    不多说,直接上代码. MapReduce 计数器是什么?    计数器是用来记录job的执行进度和状态的.它的作用可以理解为日志.我们可以在程序的某个位置插入计数器,记录数据或者进度的变化情况. Ma ...

  6. git window端工具之sourcetree使用

    https://www.jianshu.com/p/3478e2a214a1

  7. （转）50 个 jQuery 小技巧

    1. 如何修改jQuery默认编码(例如默认UTF-8改成改GB2312): $.ajaxSetup({ajaxSettings:{ contentType:"application/x-w ...

  8. 读《我是一只 IT 小小鸟》

    读<我是一只 IT 小小鸟> 作为一个一向看重节操的体面人,即使面临许多 DDL 包括期中考试,在忙乱不堪的时候我也断不断告诫自己,不能迫于课程要求仅为了写出一篇笔记而去读书,以后更是如此 ...

  9. css round corner div and transition

    看stackoverflow上的圆角标签挺好看,自己动手试了下,用的属性是border-radius(即边框圆角半径,用px):加上transition effect,代码如下: <!DOCTY ...

  10. 【Oracle】DG中 Switchover 主、备切换

    操作系统:OEL 5.6 数据库版本:Oracle11gR2  11.2.0.4.0 Switchover切换要求主库和备库在数据同步情况下进行,是主备之间的正常切换,主要用于日常维护.灾备演练等.切 ...