Firefox 4的改进和对前端开发的影响

在Mozilla发布几个Firefox 3.7 preview版本之后，今天终于发布了Firefox 4 beta 1，在这个硝烟愈来愈浓的浏览器战场，Firefox 4的发布让情况更加复杂了。现在让我们来看看Firefox 4的改进和对前端开发的影响吧。

一、界面改进

正如之前泄漏出来的概念图一样，Firefox最终大刀阔斧的改变了自己的界面：

这个界面确实变的简洁漂亮了，我个人也很喜欢它的某些细节，但是结构和Chrome/Opera的相似性，让我不得不担心，是不是将来主流的浏览器都要采用将tab放到上面并隐藏工具栏的布局了，所以，如果将来IE 9正式版出来的时候也是这样的布局，大家不要意外呀～～～

二、性能提升

Firefox 4改进了很多方面的性能，比如DOM和CSS渲染、JS引擎、以及部分硬件加速，据说可以更快的处理更复杂的DOM和CSS选择器。据Zimbra的性能测试，Firefox 4性能比之前版本提升了两倍。

三、HTML 5

Firefox 4加入了一些HTML 5特性的支持，包括HTML 5表单和一些标签，比如article、section、nav、aside、hgroup、header、footer等，但是根据这个页面显示的状态，Firefox 4对HTML 5表单的支持还很鸡肋。

四、HTML 5 parser

Firefox 4是“第一个完全支持”HTML 5 Parser的浏览器，这使得Firefox 4可以在HTML代码中嵌入SVG和MathML。

五、HTML 5视频

Firefox 4开始支持WebM视频格式

六、CSS

• 这个beta版本的Firefox几乎完全支持CSS transition
• 可以使用-moz-resize定义textarea元素是否可伸缩
• 支持CSS3 calc属性
• 原生支持CSS 3的背景大小属性，-moz-background-size属性直接改名为background-size，私有属性将不再支持
• 支持-moz-image-rect属性来显示背景图片的一部分

七、其它

当然还有一些其它方面的增强，包括JS和DOM Event的增强，感兴趣的同学可以查看http://hacks.mozilla.org/2010/07/firefox-4-beta-1-is-here-whats-in-it-for-web-developers/

另外，由于Firefox 4 更换了插件引擎，所以之前的插件基本都不能用了——不知道Mozilla的那些家伙是怎么想的，3.5还是3.6的时候就更新过一次引擎，导致之前的插件全部要重写，现在又这样做，这让插件开发者和我们这些使用者情何以堪啊，不过，这次貌似可以暂时曲线解决旧插件的问题的。

各大网站已经对Firefox 4 beta 1进行了一系列的测试，结果显示它与Chrome和Opera等还有一些差距，不过我在html5test.com上做了下测试，在Windows xp系统中，Firefox 4 beta 1拿到了189分的高分，这的确是一个很不错的成绩。

从上面列出的新特性以及IE 9 pre版的一些新特性可以看出，浏览器厂商都开始在HTML 5方面发力，但是到目前为止没有一个浏览器完美的支持HTML5，但是我们可以考虑在自己的项目中适度的使用HTML5的特性了。标准的实现需要时间，但是理想化的标准是不存在的，我唯一期望的是各个浏览器对HTML 5和CSS 3的标准支持不要有太大的差距。

另外，Firefox 4 beta 1开始引入硬件加速了，mac版的safari也有一些硬件加速功能，IE 9的硬件加速让其性能大增——这或许会是另一个趋势吧，毕竟浏览器能做越来越多的事情了，而速度和性能也是赢取用户的最重要的因素。

无论如何，虽然我个人对Firefox期待更多，但是这次确实是一个不小的改进，让我们期待Firefox 4的正式版发布吧。