用JavaScript判断浏览器类型的代码

一般的浏览器类型都可以通过js来判断出来,当然,少数例外(例如:360浏览器,它会隐藏自己的外壳,原因我就不解释,明白人都懂的)。今天给大家分享的是一个通过原生js写的判断浏览器类型的小例子。

原理大致如下:每一个浏览器的UA不同,例如火狐浏览器的UA是Firefox,IE浏览器的UA是MSIE,Chrome浏览器的UA是Chrome,搜狗浏览器的UA是SE,遨游浏览器的UA是Maxthon,然后通过UA就可以判断出来。

代码也很容易看懂,大家请看:你现在的类型是(可以换个浏览器打开这个页面试试效果):chrome浏览器

  用JS判断浏览器类型的代码
  1. var ua = [
  2. ["LBBROWSER", "猎豹浏览器"],
  3. ["Maxthon", "遨游浏览器"],
  4. ["Firefox", "火狐浏览器"],
  5. ["SE", "搜狗浏览器"],
  6. ["Opera", "Opera浏览器"],
  7. ["BIDUBrowser", "百度浏览器"],
  8. ["MSIE", "IE浏览器"],
  9. ["Chrome", "chrome浏览器"],
  10. ["Safari", "Safari浏览器"]
  11. ];
  12.  
  13. var _$ = function(id){return document.getElementById(id)};
  14.  
  15. var suitUa = function(){
  16. var _ua = navigator.userAgent;
  17. var ual = ua.length;
  18. for(var i = 0 ; i < ual; i++){
  19. if(new RegExp(ua[i][0]).test(_ua)){
  20. return ua[i];
  21. }
  22. }
  23. return ["unkown", "未知浏览器"];
  24. }
  25.  
  26. var _cua = suitUa();
  27.  
  28. _$("brsName").innerHTML = _cua[1];

上面基本包含了常用的浏览器,一些其他的浏览器这里就不再说了。用的时候在需要调用的地方插入id=”brsName”就可以了。

来源:欲思博客 » 用JS判断浏览器类型的代码

分享到:

发表评论

:wink: :twisted: :roll: :oops: :evil: :?: :-| :-P :-D :) :( :!: 8)
昵称

沙发空缺中,还不快抢~