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>

大家可以在判断得到结果之后进行更多操作