js检测浏览器的版本并给出提示

超、凢脫俗 2022-03-28 14:58 272阅读 0赞

js检测浏览器的版本并给出提示

1.Html

<html>  
    <head>  
        <title>Login</title>  
        <script type="text/javascript" src="detect.js"></script>  
        <script type="text/javascript">  
            window.onload = function () \{  
                if ((isMinIE5\_5 && isWin) || (isMinMoz1 && isUnix)   
                   || (isMinSafari1 && isMac)) \{  
  
  
                  document.getElementById("divLogin").style.visibility = "visible";  
                  document.getElementById("divError").style.visibility = "hidden"  
                \}  
            \};  
        </script>  
    </head>  
    <body>  
        <form method="post" action="DoLogin.jsp">  
            <div style="border: 2px dashed blue; background-color: \#dedede; height: 300px; padding: 10px">  
                <div id="divError" style="position: absolute; left: 20px; top: 100px; ">  
                    This Web application requires one of the following:  
                    <ul>  
                        <li>Internet Explorer 5.5 or higher for Windows</li>  
                        <li>Mozilla 1.0 or higher for Unix</li>  
                        <li>Safari 1.0 or higher for Macintosh</li>  
                    </ul>  
                    <noscript>  
                      <p>This Web application also requires JavaScript (if you are using one of the above browsers, make sure that JavaScript is enabled).</p>  
                    </noscript>  
                </div>  
                <div id="divLogin" style="position: absolute; left: 20px; top: 100px; visibility: hidden">  
                    <table border="0" width="100%" height="100%"><tr><td align="center">  
                    <table border="0">  
                        <tr>  
                            <td>Username:</td><td><input type="text" name="txtUsername" /></td>  
                        </tr>  
                        <tr>  
                            <td>Password:</td><td><input type="password" name="txtPassword" /></td>  
                        </tr>  
                        <tr>  
                            <td>&nbsp;</td><td><input type="Submit" value="Login" /></td>  
                        </tr>  
                    </table>  
                </td></tr></table>  
                </div>  
            </div>  
        </form>  
    </body>  
</html>

2.detect.js

var sUserAgent = navigator.userAgent;  
var fAppVersion = parseFloat(navigator.appVersion);  
  
  
function compareVersions(sVersion1, sVersion2) \{  
  
  
    var aVersion1 = sVersion1.split(".");  
    var aVersion2 = sVersion2.split(".");  
      
    if (aVersion1.length > aVersion2.length) \{  
        for (var i=0; i < aVersion1.length - aVersion2.length; i++) \{  
            aVersion2.push("0");  
        \}  
    \} else if (aVersion1.length < aVersion2.length) \{  
        for (var i=0; i < aVersion2.length - aVersion1.length; i++) \{  
            aVersion1.push("0");  
        \}      
    \}  
      
    for (var i=0; i < aVersion1.length; i++) \{  
   
        if (aVersion1\[i\] < aVersion2\[i\]) \{  
            return -1;  
        \} else if (aVersion1\[i\] > aVersion2\[i\]) \{  
            return 1;  
        \}      
    \}  
      
    return 0;  
  
  
\}  
  
  
var isOpera = sUserAgent.indexOf("Opera") > -1;  
var isMinOpera4 = isMinOpera5 = isMinOpera6 = isMinOpera7 = isMinOpera7\_5 = false;  
  
  
if (isOpera) \{  
    var fOperaVersion;  
    if(navigator.appName == "Opera") \{  
        fOperaVersion = fAppVersion;  
    \} else \{  
        var reOperaVersion = new RegExp("Opera (\\\\d+\\\\.\\\\d+)");  
        reOperaVersion.test(sUserAgent);  
        fOperaVersion = parseFloat(RegExp\["$1"\]);  
    \}  
  
  
    isMinOpera4 = fOperaVersion >= 4;  
    isMinOpera5 = fOperaVersion >= 5;  
    isMinOpera6 = fOperaVersion >= 6;  
    isMinOpera7 = fOperaVersion >= 7;  
    isMinOpera7\_5 = fOperaVersion >= 7.5;  
\}  
  
  
var isKHTML = sUserAgent.indexOf("KHTML") > -1   
              || sUserAgent.indexOf("Konqueror") > -1   
              || sUserAgent.indexOf("AppleWebKit") > -1;   
                
var isMinSafari1 = isMinSafari1\_2 = false;  
var isMinKonq2\_2 = isMinKonq3 = isMinKonq3\_1 = isMinKonq3\_2 = false;  
  
  
if (isKHTML) \{  
    isSafari = sUserAgent.indexOf("AppleWebKit") > -1;  
    isKonq = sUserAgent.indexOf("Konqueror") > -1;  
  
  
    if (isSafari) \{  
        var reAppleWebKit = new RegExp("AppleWebKit\\\\/(\\\\d+(?:\\\\.\\\\d\*)?)");  
        reAppleWebKit.test(sUserAgent);  
        var fAppleWebKitVersion = parseFloat(RegExp\["$1"\]);  
  
  
        isMinSafari1 = fAppleWebKitVersion >= 85;  
        isMinSafari1\_2 = fAppleWebKitVersion >= 124;  
    \} else if (isKonq) \{  
  
  
        var reKonq = new RegExp("Konqueror\\\\/(\\\\d+(?:\\\\.\\\\d+(?:\\\\.\\\\d)?)?)");  
        reKonq.test(sUserAgent);  
        isMinKonq2\_2 = compareVersions(RegExp\["$1"\], "2.2") >= 0;  
        isMinKonq3 = compareVersions(RegExp\["$1"\], "3.0") >= 0;  
        isMinKonq3\_1 = compareVersions(RegExp\["$1"\], "3.1") >= 0;  
        isMinKonq3\_2 = compareVersions(RegExp\["$1"\], "3.2") >= 0;  
    \}   
      
\}  
  
  
var isIE = sUserAgent.indexOf("compatible") > -1   
           && sUserAgent.indexOf("MSIE") > -1  
           && !isOpera;  
             
var isMinIE4 = isMinIE5 = isMinIE5\_5 = isMinIE6 = false;  
  
  
if (isIE) \{  
    var reIE = new RegExp("MSIE (\\\\d+\\\\.\\\\d+);");  
    reIE.test(sUserAgent);  
    var fIEVersion = parseFloat(RegExp\["$1"\]);  
  
  
    isMinIE4 = fIEVersion >= 4;  
    isMinIE5 = fIEVersion >= 5;  
    isMinIE5\_5 = fIEVersion >= 5.5;  
    isMinIE6 = fIEVersion >= 6.0;  
\}  
  
  
var isMoz = sUserAgent.indexOf("Gecko") > -1  
            && !isKHTML;  
  
  
var isMinMoz1 = sMinMoz1\_4 = isMinMoz1\_5 = false;  
  
  
if (isMoz) \{  
    var reMoz = new RegExp("rv:(\\\\d+\\\\.\\\\d+(?:\\\\.\\\\d+)?)");  
    reMoz.test(sUserAgent);  
    isMinMoz1 = compareVersions(RegExp\["$1"\], "1.0") >= 0;  
    isMinMoz1\_4 = compareVersions(RegExp\["$1"\], "1.4") >= 0;  
    isMinMoz1\_5 = compareVersions(RegExp\["$1"\], "1.5") >= 0;  
\}  
  
  
var isNS4 = !isIE && !isOpera && !isMoz && !isKHTML   
            && (sUserAgent.indexOf("Mozilla") == 0)   
            && (navigator.appName == "Netscape")   
            && (fAppVersion >= 4.0 && fAppVersion < 5.0);  
  
  
var isMinNS4 = isMinNS4\_5 = isMinNS4\_7 = isMinNS4\_8 = false;  
  
  
if (isNS4) \{  
    isMinNS4 = true;  
    isMinNS4\_5 = fAppVersion >= 4.5;  
    isMinNS4\_7 = fAppVersion >= 4.7;  
    isMinNS4\_8 = fAppVersion >= 4.8;  
\}  
  
  
var isWin = (navigator.platform == "Win32") || (navigator.platform == "Windows");  
var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC")   
            || (navigator.platform == "Macintosh");  
  
  
var isUnix = (navigator.platform == "X11") && !isWin && !isMac;  
  
  
var isWin95 = isWin98 = isWinNT4 = isWin2K = isWinME = isWinXP = false;  
var isMac68K = isMacPPC = false;  
var isSunOS = isMinSunOS4 = isMinSunOS5 = isMinSunOS5\_5 = false;  
  
  
if (isWin) \{  
    isWin95 = sUserAgent.indexOf("Win95") > -1   
              || sUserAgent.indexOf("Windows 95") > -1;  
    isWin98 = sUserAgent.indexOf("Win98") > -1   
              || sUserAgent.indexOf("Windows 98") > -1;  
    isWinME = sUserAgent.indexOf("Win 9x 4.90") > -1   
              || sUserAgent.indexOf("Windows ME") > -1;  
    isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1   
              || sUserAgent.indexOf("Windows 2000") > -1;  
    isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1   
              || sUserAgent.indexOf("Windows XP") > -1;  
    isWinNT4 = sUserAgent.indexOf("WinNT") > -1   
              || sUserAgent.indexOf("Windows NT") > -1   
              || sUserAgent.indexOf("WinNT4.0") > -1   
              || sUserAgent.indexOf("Windows NT 4.0") > -1   
              && (!isWinME && !isWin2K && !isWinXP);  
\}   
  
  
if (isMac) \{  
    isMac68K = sUserAgent.indexOf("Mac\_68000") > -1   
               || sUserAgent.indexOf("68K") > -1;  
    isMacPPC = sUserAgent.indexOf("Mac\_PowerPC") > -1   
               || sUserAgent.indexOf("PPC") > -1;    
\}  
  
  
if (isUnix) \{  
    isSunOS = sUserAgent.indexOf("SunOS") > -1;  
  
  
    if (isSunOS) \{  
        var reSunOS = new RegExp("SunOS (\\\\d+\\\\.\\\\d+(?:\\\\.\\\\d+)?)");  
        reSunOS.test(sUserAgent);  
        isMinSunOS4 = compareVersions(RegExp\["$1"\], "4.0") >= 0;  
        isMinSunOS5 = compareVersions(RegExp\["$1"\], "5.0") >= 0;  
        isMinSunOS5\_5 = compareVersions(RegExp\["$1"\], "5.5") >= 0;  
    \}  
\}

发表评论取消回复

表情：

评论列表（有 0 条评论，272人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue项目检测IE浏览器版本，版本太低给出提示

在index.html 文件的header标签内加入： <script type="text/javascript"> (function(win

超、凢脫俗/ 2022年12月15日 02:19/ 0 赞/ 257 阅读

相关如何用js检测浏览器类型

这个需求在前端开发当中是很常见的，大家都知道我们写的js或css在浏览器中是有兼容问题的，当下虽然大家可能不用感受的IE6带来的痛苦（别问我为什么是痛苦），但是你负责的项目本身

亦凉/ 2022年11月27日 03:17/ 0 赞/ 168 阅读

相关 js判断IE浏览器的版本

js判断IE浏览器的版本由于项目不支持低版本IE，为了更好的用户体验，对使用低版本IE访问项目的用户，我们需要给他们展示一个温馨提示的页面。这就需要判断用户使用的IE版

逃离我推掉我的手/ 2022年11月26日 09:46/ 0 赞/ 289 阅读

相关 js判断是否是ie浏览器且给出ie版本

js判断是否是ie浏览器且给出ie版本之前懒得写判断ie版本js，因为网上关于这方面的代码太多了，所以从网上拷贝了一个，放到项目上才发现由于时效性的问题，代码不生效。就

短命女/ 2022年05月17日 03:25/ 0 赞/ 387 阅读

相关判断浏览器版本并给出升级提示

(function (window) { function getBrowserInfo () { var agent = navigat

绝地灬酷狼/ 2022年05月14日 02:11/ 0 赞/ 234 阅读

相关 js检测浏览器的版本并给出提示

js检测浏览器的版本并给出提示 1.Html <html> <head> <title>Login</title> <s

超、凢脫俗/ 2022年03月28日 14:58/ 0 赞/ 273 阅读

相关 js判断浏览器版本

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

ゞ浴缸里的玫瑰/ 2021年11月22日 03:28/ 0 赞/ 362 阅读

相关 JS检测浏览内核弹出遮罩提示

<!DOCTYPE html> <html lang="cn"> <head> <meta charset="UTF-8"> <

忘是亡心i/ 2021年09月21日 01:58/ 0 赞/ 330 阅读

相关 js如何判断浏览器版本

获取浏览器版本信息调用navigator对象的userAgent属性可以获取到浏览器版本，型号，内核，甚至安装的插件等信息。 navigator.userAg

Bertha 。/ 2021年06月12日 20:36/ 0 赞/ 837 阅读

相关 JavaScript检测出当前浏览器是否是无头浏览器

JavaScript检测出当前浏览器是否是无头浏览器什么是无头浏览器(headless browser)？无头浏览器是指可以在图形界面情况下运行的浏览器。我可以通过编...

红太狼/ 2020年06月23日 17:09/ 0 赞/ 760 阅读