JS识别不同浏览器信息

总所周知，不同浏览器兼容是不一致的，然而今天我在Coding的时候深深体会到那个痛苦，一样的代码在Firefox里面是没问题的，可以根据索引找到 对应的对象元素然后进行操作，但是同样的却获取不到对象元素！最后通过判断不同的浏览器而进行了不同的操作，所有就有了今天的这篇小文章。

<script type="text/javascript">  
    function myBrowser(){  
        var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  
        var isOpera = userAgent.indexOf("Opera") > -1;  
        if (isOpera) {  
            return "Opera"  
        }; //判断是否Opera浏览器  
        if (userAgent.indexOf("Firefox") > -1) {  
            return "Firefox";  
        }  //判断是否Firefox浏览器  
        if (userAgent.indexOf("Chrome") > -1){  
            return "Chrome";  
        }   //判断是否Google浏览器  
        if (userAgent.indexOf("Safari") > -1) {  
            return "Safari";  
        } //判断是否Safari浏览器  
        if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {  
            return "IE";  
        }; //判断是否IE浏览器  
    }  
  
    var Browser = myBrowser();  
    if ("IE" == Browser) {  
        alert("IE");  
    }  
    if ("Firefox" == Browser) {  
        alert("Firefox");  
    }  
    if ("Chrome" == Browser) {  
        alert("Chrome");  
    }  
    if ("Opera" == Browser) {  
        alert("Opera");  
    }  
    if ("Safari" == Browser) {  
        alert("Safari");  
    }  
</script>