JS识别不同浏览器信息

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

 1 <script type="text/javascript">  
 2     function myBrowser(){  
 3         var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  
 4         var isOpera = userAgent.indexOf("Opera") > -1;  
 5         if (isOpera) {  
 6             return "Opera"  
 7         }; //判断是否Opera浏览器  
 8         if (userAgent.indexOf("Firefox") > -1) {  
 9             return "Firefox";  
10         }  //判断是否Firefox浏览器  
11         if (userAgent.indexOf("Chrome") > -1){  
12             return "Chrome";  
13         }   //判断是否Google浏览器  
14         if (userAgent.indexOf("Safari") > -1) {  
15             return "Safari";  
16         } //判断是否Safari浏览器  
17         if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera) {  
18             return "IE";  
19         }; //判断是否IE浏览器  
20     }  
21   
22     var Browser = myBrowser();  
23     if ("IE" == Browser) {  
24         alert("IE");  
25     }  
26     if ("Firefox" == Browser) {  
27         alert("Firefox");  
28     }  
29     if ("Chrome" == Browser) {  
30         alert("Chrome");  
31     }  
32     if ("Opera" == Browser) {  
33         alert("Opera");  
34     }  
35     if ("Safari" == Browser) {  
36         alert("Safari");  
37     }  
38 </script>

 

posted @ 2016-08-04 10:00  -JackoChan  阅读(1533)  评论(0)  编辑  收藏  举报