Firefox 4 beta 1发布——前端开发者须知

在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的正式版发布吧。