夏日博客

A-A+

Javascript判断浏览器类型代码

2016年10月15日 前端设计 暂无评论 阅读 5 views 次

现在浏览器各种各样的下面我来给大家详细介绍怎么利用js的一些功能来实现判断浏览器类型，下面是一个非常全面的浏览器类型判断函数有需要了解的朋友可参考。

现在主流浏览器还是IE，下面一个判断IE的函数,代码如下:

  1. ie = !+"v1" ;  
  2. ie ='v'=='v' ;  
  3. ie = 0//@cc_on+1;  
  4. ie = !!top.execScript;  
  5. ie = /*@cc_on!@*/!1;  
  6. ie8 = !!window.XDomainRequest;  
  7.    
  8. //我自创的，如果是IE，会返回6,7,8代表ie6,ie7,ie8，否则返回1  
  9. IEVersion = (" " + (/*@cc_on @_jscript_version  @*/-1)).slice(-1)  
  10.    
  11. //基于条件编译的嗅探脚本，还有如下几个：  
  12. IE8=@cc_on @_jscript_version == 5.8 ? true : @false  
  13. IE7=@cc_on @_jscript_version == 5.7 ? true : @false  
  14. IE6=@cc_on @_jscript_version == 5.6 ? true : @false  
  15. IE55=@cc_on @_jscript_version == 5.5 ? true : @false  
  16. ff = /a/[-1]=='a';  
  17. ff3 = (function  x(){})[-5]=='x';  
  18. ff2 = (function x(){})[-6]=='x';  
  19.    
  20. safari=/a/.__proto__=='//';  
  21. safari = window.openDatabase;  
  22.    
  23. chrome=/source/.test((/a/.toString+''));  
  24.  //xiariboke.net  
  25. opera=!!window.opera ;  
  26. opera=/^function (/.test([].sort);  

下面再来一个可以判断现在主流浏览器了,代码如下:

  1. <html>  
  2. <head>  
  3. <title>判断浏览器类型</title>  
  4. </head>  
  5. <body>  
  6. <script type="text/javascript">  
  7. function myBrowser(){  
  8. var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  
  9. alert(userAgent)  
  10. if (userAgent.indexOf("Chrome") > -1){return "Chrome";} //判断是否为Chrome浏览器,因为chrome的userAgent中也含有safari，所以将判断chrome的放在判断safari前。  
  11. if (userAgent.indexOf("Opera") > -1){return "Opera"}; //判断是否Opera浏览器  
  12. if (userAgent.indexOf("Firefox") > -1){return "FF";} //判断是否Firefox浏览器  
  13. if (userAgent.indexOf("Safari") > -1){return "Safari";} //判断是否Safari浏览器  
  14.    
  15. if (userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera){return "IE";} ; //判断是否IE浏览器  
  16. }  
  17. //以下是调用上面的函数  
  18. if(myBrowser()=="Chrome"){alert("我是Chrome");}  
  19. if(myBrowser()=="IE"){alert("我是 IE");}  
  20. if(myBrowser()=="FF"){alert("我是 Firefox");}  
  21. if(myBrowser()=="Opera"){alert("我是 Opera");}  
  22. if(myBrowser()=="Safari"){alert("我是 Safari");}  
  23. </script>  
  24. </body>  
  25. </html>  

其实判断是什么浏览器我们只要获取用户浏览器的userAgent字符串信息，然后进行判断是否包含了这我们指定字符如果是就是指定浏览器了。

标签：

给我留言