JS判断PC端浏览器的名称和版本

浏览数：33 / 时间：2015年06月09日

通过js 判断当前使用的是什么浏览器和它的版本号

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        //获取浏览器版本
        function appInfo(){
            var browser = {
            msie: false, firefox: false, opera: false, safari: false,
            chrome: false, netscape: false, appname: ‘unknown‘, version: 0
            },
            userAgent = window.navigator.userAgent.toLowerCase();
            if ( /(msie|firefox|opera|chrome|netscape)\D+(\d[\d.]*)/.test( userAgent ) ){
                browser[RegExp.$1] = true;
                browser.appname = RegExp.$1;
                browser.version = RegExp.$2;
            } else if ( /version\D+(\d[\d.]*).*safari/.test( userAgent ) ){ // safari
                browser.safari = true;
                browser.appname = ‘safari‘;
                browser.version = RegExp.$2;
            }
            return browser;
        }
        // 调用示例
        var myos = appInfo();
        // 如果当前浏览器是IE，弹出浏览器版本,否则弹出当前浏览器名称和版本
        if ( myos.msie ){
        alert(myos.appname.substring(2).toUpperCase() + myos.version );
        } else {
        alert( myos.appname + myos.version );
        } 
    </script>
    <style type="text/css">
    div{
        width:400px;
        height:120px;
        margin-bottom:20px;
        border-style:solid;
        border-width:1px;    
    }
    div.d01{
        background:red;/* FF */
        background:blue\0;/* OP */
        background:turquoise\9;/* IE8+ */
        [background:red;background:black;/* SA,CH */ 
        *background:green; /* IE7 */
        _background:yellow;/* IE6 */
    }
    </style>
</head>
<body>
<div class="d01"></div>
</body>
</html>