JS检测浏览器版本信息(包含IE11),并动态添加样式

<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="Scripts/jquery-1.9.1.min.js"></script>
    <link href="" rel="stylesheet" /><%--这里可以链接一个默认的样式表(link 标签一定不能丢,不然后面 document.getElementsByTagName("link")[0].href = title;会报错)--%>
    <script>
        $(function () {
            var userAgent = navigator.userAgent,
                rMsie = /(msie\s|trident.*rv:)([\w.]+)/,
                rFirefox = /(firefox)\/([\w.]+)/,
                rOpera = /(opera).+version\/([\w.]+)/,
                rChrome = /(chrome)\/([\w.]+)/,
                rSafari = /version\/([\w.]+).*(safari)/;
            var browser;
            var version;
            var ua = userAgent.toLowerCase();
            function uaMatch(ua) {
                var match = rMsie.exec(ua);
                if (match != null) {
                    return { browser: "IE", version: match[2] || "0" };
                }
                var match = rFirefox.exec(ua);
                if (match != null) {
                    return { browser: match[1] || "", version: match[2] || "0" };
                }
                var match = rOpera.exec(ua);
                if (match != null) {
                    return { browser: match[1] || "", version: match[2] || "0" };
                }
                var match = rChrome.exec(ua);
                if (match != null) {
                    return { browser: match[1] || "", version: match[2] || "0" };
                }
                var match = rSafari.exec(ua);
                if (match != null) {
                    return { browser: match[2] || "", version: match[1] || "0" };
                }
                if (match != null) {
                    return { browser: "", version: "0" };
                }
            }
            var browserMatch = uaMatch(userAgent.toLowerCase());
            if (browserMatch.browser) {
                browser = browserMatch.browser;
                version = browserMatch.version;
            }
            var BVSN = (browser + version);
            if (BVSN == "IE11.0") {
                setStyle("style/ie11.css");//这里是样式表的路径
            }
            else if (BVSN == "IE10.0") {
                setStyle("style/ie10.css");
            }
            else if (BVSN == "IE8.0") {
                setStyle("style/ie8.css");
            }
            else if (BVSN.indexOf("chrome") > -1) {
                setStyle("style/chrome.css");
            }
            else if (BVSN.indexOf("firefox") > -1) {
                setStyle("style/firefox.css");
            }
            var width = window.screen.width;//获取浏览器宽度
            var height = window.screen.height;//获取浏览器高度
        });
        function setStyle(title) {
            document.getElementsByTagName("link")[0].href = title;
        }
    </script>
</head>
时间: 2024-10-22 20:54:40

JS检测浏览器版本信息(包含IE11),并动态添加样式的相关文章

js获取浏览器版本信息

//获取当前浏览器类型和版本号 "use strict"; let agent = navigator.userAgent.toLowerCase(); let regStr_ff = /firefox\/[\d.]+/gi; let regStr_chrome = /chrome\/[\d.]+/gi; //IE11以下 if (agent.indexOf("msie") > 0) { pass; } //IE11版本中不包括MSIE字段 if (agent

Js - 获取、判断浏览器版本信息

Navigator 对象包含有关浏览器的信息: appCodeName -- 浏览器代码名的字符串表示 appName -- 官方浏览器名的字符串表示 appVersion -- 浏览器版本信息的字符串表示 cookieEnabled -- 如果启用cookie返回true,否则返回false javaEnabled -- 如果启用java返回true,否则返回false platform -- 浏览器所在计算机平台的字符串表示 plugins -- 安装在浏览器中的插件数组 taintEnab

js网页判断移动终端浏览器版本信息是安卓还是苹果ios,判断在微信浏览器跳转不同页面,生成二维码

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>移动终端浏览器版本信息</title> </head> <body> <script type="text/javascript"> var browser = { versions: function () { var u = naviga

js获取智能机浏览器版本信息

<!DOCTYPE html><html> <head>        <meta charset="UTF-8">            <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />      

javascript判断手机浏览器版本信息

<script type="text/javascript"> /* * 智能机浏览器版本信息: * */ var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return {//移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto

js 获取浏览器版本

1.在web开发中,会经常让你判断当前使用的是那个浏览器及浏览器的那个版本,根据浏览器版本来调整CSS的样式, 使在web界面在各个浏览器展现达到最佳的效果,下面是获取当前浏览器的代码: getBrowserVersion:function(){ var agent = navigator.userAgent.toLowerCase(); var arr=[]; var Browser=""; var Bversion=""; var verinNum="

检测浏览器 版本和内核

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="K

智能机浏览器版本信息获取

/* * 智能机浏览器版本信息: * */var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return {// 移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, // IE内核 presto: u.indexOf('Presto') > -1, // opera内核 webKit: u.indexOf('

navigator,JS检测浏览器插件

最早由Netscape Navigator 2.0引入的navigator对象,现在已经成为识别客户端浏览器的事实标准.虽然其它浏览器也通过其它方式提供了相同或相似的信息(例如,IE中的window.clientInformation和Opera中的window.opera),但navigator对象却是所有支持JavaScript的浏览器所共有的.与其它BOM对象的情况一样,每个浏览器中的navigator对象也都有一套自己的属性.下表列出了存在于所有浏览器中的属性和方法,以及支持它们的浏览器