Javascript 判斷瀏覽器和版本

JDP

2013/11/22 新增支援IE11

1. var Sys = {};
   
2. var ua = navigator.userAgent.toLowerCase();
   
3. 
   
4. 
   
5. //Mozilla/5.0 (Windows NT 6.1; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; InfoPath.3; rv:11.0) like GeckoIE: 11 (32bit)
   
6. if (!!navigator.userAgent.match(/Trident\/7\./))
   
7. {
   
8.         //document.write(!!navigator.userAgent.match(/Trident\/7\./));
   
9.         var isIE11 = true;
   
10. }
    
11. //IE: mozilla/4.0 (compatible; msie 8.0; windows nt 5.1; trident/4.0; .net clr 2.0.50727; infopath.2; .net clr 3.0.4506.2152; .net clr 3.5.30729)IE: 8.0
    
12. else if (window.ActiveXObject){
    
13.         Sys.ie = ua.match(/msie ([\d.]+)/)[1];  //正則匹配 "msie 8.0"
    
14. }
    
15. //else if (document.getBoxObjectFor){  // ff升級以後就這個屬性就變成undefined
    
16. //firefox:  mozilla/5.0 (windows nt 5.1; rv:17.0) gecko/20100101 firefox/17.0
    
17. else if(ua.indexOf("firefox")!=-1){
    
18.         Sys.firefox = ua.match(/firefox\/([\d.]+)/)[1]; //正則匹配"firefox/17.0"
    
19. }
    
20. //Chrome有一個MessageEvent函數，但Firefox也有。不過，好在Chrome並沒有Firefox的getBoxObjectFor函數，根據這個條件還是可以準確判斷出Chrome瀏覽器的
    
21. //chrome: mozilla/5.0 (windows nt 5.1) applewebkit/537.11 (khtml, like gecko) chrome/23.0.1271.95 safari/537.11Chrome: 23.0.1271.95
    
22. else if (window.MessageEvent && !document.getBoxObjectFor){
    
23.         Sys.chrome = ua.match(/chrome\/([\d.]+)/)[1]; //正則匹配"chrome/23.0.1271.95"
    
24. }
    
25. //Opera提供了專門的瀏覽器標誌，就是window.opera屬性
    
26. else if (window.opera){
    
27.         Sys.opera = ua.match(/opera.([\d.]+)/)[1];
    
28. }
    
29. //Safari瀏覽器中有一個其他瀏覽器沒有的openDatabase函數，可做為判斷Safari的標誌
    
30. else if (window.openDatabase){
    
31.         Sys.safari = ua.match(/version\/([\d.]+)/)[1];
    
32. }
    
33. //以下進行測試
    
34. if(Sys.ie) document.write('IE: '+Sys.ie);
    
35. if(isIE11) document.write('IE: 11');
    
36. if(Sys.firefox) document.write('Firefox: '+Sys.firefox);
    
37. if(Sys.chrome) document.write('Chrome: '+Sys.chrome);
    
38. if(Sys.opera) document.write('Opera: '+Sys.opera);
    
39. if(Sys.safari) document.write('Safari: '+Sys.safari);

複製代碼

Reference:
http://lyf-justdo.rhcloud.com/20 ... rowser-and-version/
http://www.monmonkey.com/javascript/liulanqi2.html

JDP

IE11 的 UserAgent 變成這樣
Mozilla/5.0 (Windows NT 6.1; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; InfoPath.3; rv:11.0)

判斷方式要變成
var isIE11 = !!navigator.userAgent.match(/Trident\/7\./);

Reference: http://stackoverflow.com/questio ... -11-with-javascript