js判断浏览器的类型和获得浏览器的版本

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
           <script src="js/jquery-1.12.0.min.js"></script>
    </head>
    <style type="text/css">
    .alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    }
    .alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    
}

</style>
    <script type="text/javascript">
    function getExplorer() {
                var explorer = window.navigator.userAgent;
                //ie
                if (explorer.indexOf("MSIE") >= 0) {
                    var browser = navigator.appName;
                            var b_version = navigator.appVersion;
                            var version = b_version.split(";");
                            var trim_Version = version[1].replace(/[ ]/g, "");
                            var number ="";
                            for (i = 0; i < trim_Version.length; i++) {
                                if ("0123456789".indexOf(trim_Version.substr(i, 1)) > -1)
                                    number += trim_Version.substr(i, 1);
                            }
                            
                            if (number < "8.0"){
                                if (trim_Version == "MSIE6.0" ) {
                                var divName = document.getElementById("tixing");
                                var text = "您的浏览器版本过低(当前浏览器版本为IE6),系统建议您采用高版本的主流浏览器!";
                                divName.innerHTML=text;
                                }
                                else if (trim_Version == "MSIE7.0" ) {
                                var divName = document.getElementById("tixing");
                                var text = "您的浏览器版本过低(当前浏览器版本为IE7),系统建议您采用高版本的主流浏览器!";
                                divName.innerHTML=text;
                                }
                                else if (trim_Version == "MSIE5.5" ) {
                                var divName = document.getElementById("tixing");
                                var text = "您的浏览器版本过低(当前浏览器版本为IE5),系统建议您采用高版本的主流浏览器!";
                                divName.innerHTML=text;
                                }else{
                                    document.getElementById(‘tixing‘).style.display=‘none‘;
                                }
                                
                                    
                            }else{
                                document.getElementById(‘tixing‘).style.display=‘none‘;
                            }
                            }
                //firefox
                else if (explorer.indexOf("Firefox") >= 0) {
                
                    document.getElementById(‘tixing‘).style.display=‘none‘;
                }
                //Chrome
                else if (explorer.indexOf("Chrome") >= 0) {
                    
                    document.getElementById(‘tixing‘).style.display=‘none‘;
                }
                //Opera
                else if (explorer.indexOf("Opera") >= 0) {
                    
                    document.getElementById(‘tixing‘).style.display=‘none‘;
                }
                //Safari
                else if (explorer.indexOf("Safari") >= 0) {
                    
                    document.getElementById(‘tixing‘).style.display=‘none‘;
                }
            }
    
    window.onload = getExplorer;
    </script>
    <body>
        
            <div class="alert alert-warning" id="tixing">
                
            </div>

</body>
</html>

时间: 2024-10-24 18:04:28

js判断浏览器的类型和获得浏览器的版本的相关文章

JS判断是什么设备是什么浏览器-主要用移动页面开发

支持手机上的所有浏览器,下面可在线浏览代码 <!DOCTYPE html><html> <head> <title>JS判断是什么设备是什么浏览器-webkfa.com</title> <meta charset="utf-8"> <meta name="apple-touch-fullscreen" content="YES" /> <meta name=

PHP和js判断访问终端是否是微信浏览器

js判断是否是微信浏览器 function is_weixin() { var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { $("#rs").text("微信浏览器"); } else { $("#rs").text("不是微信浏览器"); } } PHP判断是否是微信

JS判断设备的类型

利用JS判断浏览器的用户代理,从而获得设备类型.利用这个方法可以获得用户的设备是移动设备还是PC设备. JS代码如下: function browerType() { var sUserAgent = navigator.userAgent.toLowerCase();   //浏览器的用户代理设置为小写,再进行匹配 var isIpad = sUserAgent.match(/ipad/i) == "ipad";   //或者利用indexOf方法来匹配 var isIphoneOs

使用js判断手机端和pc端浏览器内核

<span style="font-size:24px;color:#ff0000;">手机端:</span> <span style="font-size:14px;color:#339999;">//判断浏览器 var browser = { versions : function() { var u = navigator.userAgent, app = navigator.appVersion; return { tri

JS判断包括IE11在内的IE浏览器

function isIE() { //ie? if (!!window.ActiveXObject || "ActiveXObject" in window) return true; else return false; } 转自http://blog.csdn.net/ranbolwb/article/details/18555847

js判断对象的类型

开发中,不免需要对对象类型进行判断,列举下常见的判断方法: 1.typeof:对于function string number undifined boolean object都有效,注意返回值是字符串. 但null.Array检测出Object. 2.instanceof: 用于检测对象是否是特定类的一个实例,返回值是布尔值,最好和typeof配合使用(typeof值为Object时候用instanceof进行进一步判定).继承链上也可以用于判断是否继承了某对象. 3.对象.construct

js判断变量的类型(使用闭包来玩一把)

var Type = (function() { var Type = {}; for (var i = 0, type; type = ['Undefined', 'Null', 'Boolean', 'Number', 'String', 'Function', 'Array', 'Object'][i++]; ) { (function(type) { Type['is' + type] = function(obj) { return Object.prototype.toString.

js判断浏览器类型

js判断浏览器类型  <script type="text/javascript" >     <!--   function getOs()   {       var OsObject = "";      if(isIE = navigator.userAgent.indexOf("MSIE")!=-1) {           return "MSIE";      }      if(isFiref

使用JS判断客户端、浏览器、操作系统类型

一.JS判断客户端类型 JS判断客户端是否是iOS或者Android手机移动端 通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端. 核心代码如下: 方法一: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content=&quo