现在网上流行的浏览器有很多,就用户量而言,IE浏览器在中国是占有压倒性优势。这不是因为IE浏览器真的就很好用,而是国人基本上都是用windows系统,而windows系统是绑定IE浏览器的!
作为一个IT人士,很有必要了解一下这些浏览器的性能情况,以从中选择一款性能比较好的、或者自己喜欢的来使用。
本文就目前几款主流的浏览器做下测试对比,包括:IE 9、Firefox 6、Chrome 14、Opera 11、Safari 5。(IE6、7、8性能过于谦虚,本人就不让它们出场了!)
1、Javascript性能测试(Google的V8 Javascript引擎)
测试地址:http://v8.googlecode.com/svn/data/benchmarks/v6/run.html
<style type="text/css"> <!-- table.tb111 {background-color:#999; margin:10px 0; width:400px} table.tb111 td {background-color:#fff; text-align:left} table.tb111 th {background-color:#eee; text-align:left} --> </style>浏览器 | 得分(数字越大越好) |
---|---|
IE 9 | 3465 |
Firefox 6 | 5568 |
Chrome 14 | 11300 |
Opera 11 | 5437 |
Safari 5 | 3929 |
2、页面加载速度测试(Nontroppo)
测试地址:http://nontroppo.org/timer/csstest.html
浏览器 | 用时(数字越小越好) |
---|---|
IE 9 | 445 |
Firefox 6 | 488 |
Chrome 14 | 256 |
Opera 11 | 630 |
Safari 5 | 274 |
3、CSS3渲染能力测试(Microsoft)
测试地址:http://ie.microsoft.com/testdrive/performance/mazesolver/
浏览器 | 用时(数字越小越好) |
---|---|
IE 9 | 13 |
Firefox 6 | 86 |
Chrome 14 | 4 |
Opera 11 | 9 |
Safari 5 | 5 |
4、HTML5标准支持(HTML5 Test)
测试地址:http://html5test.com
浏览器 | 得分(数字越大越好) |
---|---|
IE 9 | 141 |
Firefox 6 | 313 |
Chrome 14 | 341 |
Opera 11 | 253 |
Safari 5 | 252 |
从以上测试结果来看,Chrome是完胜其它浏览器。
对于一个开发人员来说,浏览器提供的“开发人员工具”也是对浏览器一项很重要的评价标准。
*** IE浏览器从版本7开始附带开发者工具,到IE9支持的网络捕获,虽然一直在改进,但在使用起来还是不太顺手。尤其在调试样式的时候,要找到一个标签的样式,很难。
*** 而Firefox“原装”的开发者工具,简直是无法使用,不过有了firebug,我想也没几个人会去使用原装的。不过firefox也不是非常完美的,当你选择一个元素的时候,firebug不会像chrome那样提示该元素所占的宽度和高度。
*** Chrome在这个方面也算不上完美(如:修改CSS不太方便)但相比之下,也算是最好用的了,举出以下几点:
1、选择节点的时候显示元素基本属性(tagName, id, className, width, height)。
2、工具底部显示元素继承关系。
3、可以很清楚的看到标签样式,包括继承关系,并且可以很方便的修改。
不过既然是工具,每个人都有自己的使用习惯,到底怎么样,还得用了才知道。