当前位置:   article > 正文

javascript高效的判断浏览器种类和版本_前端怎么判断是不是夸克浏览器

前端怎么判断是不是夸克浏览器
  1. var Sys = {};
  2. var ua = navigator.userAgent.toLowerCase();
  3. var s;
  4. (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] :
  5. (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] :
  6. (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] :
  7. (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] :
  8. (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0;
  9. //以下进行测试
  10. if (Sys.ie) document.write('IE: ' + Sys.ie);
  11. if (Sys.firefox) document.write('Firefox: ' + Sys.firefox);
  12. if (Sys.chrome) document.write('Chrome: ' + Sys.chrome);
  13. if (Sys.opera) document.write('Opera: ' + Sys.opera);
  14. if (Sys.safari) document.write('Safari: ' + Sys.safari);
其中,采用了“... ? ... : ...”这样的判断表达式来精简代码。判断条件是一条赋值语句,既完成正则表达式的匹配及结果复制,又直接作为条件判断。而随后的版本信息只需从前面的匹配结果中提取即可,这是非常高效的代码。

       以上的代码都是为了打造前端框架所做的预研,并在五大浏览器上测试通过。今后,判断某种浏览器只需用if(Sys.ie)或if(Sys.firefox)等形式,而判断浏览器版本只需用if(Sys.ie == '8.0')或if(Sys.firefox == '3.0')等形式,表达起来还是非常优雅的。


      然后更换浏览器,预览效果即可。
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/540533
推荐阅读
相关标签
  

闽ICP备14008679号