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>