初探Firefox 4新特性

Google Chrome的诞生很大程度上改变了浏览器的发展历程,它提倡的简洁的界面设计和超强的页面处理能力现在已经成为浏览器设计的主流。Opera的界面设计多少有参考Chrome,处理性能更是有过之而无不及。国内的山寨浏览器同样把简洁作为浏览器界面的设计标准,同时也加入Webkit渲染引擎,保证了高速性能。Firefox同样需要更改,引入更强的JavaScript处理引擎,这才能保住市场份额。

Firefox 4最大的卖点是重新设计界面和引入JaegerMonkey引擎,在界面上,更多地跟上Chrome和Opera引领的潮流,甚至乎是完全拷贝自Opera,区别就在于FireFox的界面和各个系统上的界面有更好的整合度,窗口的标题栏完全融入成Firefox的一部分。延续了数年参考自IE6的Firefox界面终于要退休了。新的界面带来新的开始,Firefox要为自己的市场份额而重新启航。

Firefox 4.0 Beta 1的发布遴选版本已经泄漏出来了,从这个版本可以看出,Linux版本的默认界面基本没有大改变,默认倒是启用了Tabs On Top这个设计。现在还不可以把菜单栏隐藏到一个按钮上。此外导航栏的图标还没有更新,俨然就是一个rebrand自Firefox 3.7的一个版本。

对比一下原计划的设计图,还是有一段很大的距离。不过现在时间尚早,还有很多时间更改设计。

第一幅是Clearlook的:

第二张设计图是Ambiance,应该是给Ubuntu的吧

至于Windows版本,界面完成度要高出不少。虽然默认还是会保留着菜单栏,但是已经允许隐藏菜单栏了,出现了Firefox按钮。但是标题栏和Firefox按钮好像配搭有点问题。

计划的Windows XP的设计图:

Windows 7似乎和Firefox有更好的界面整合度,看上去界面完成了一大半了。

要是附上Aero特效就更加完美,Firefox按钮还是老问题。来一张设计图:

Mozilla对Firefox的界面下了很大的功夫,现在看起来这些功夫还是没有白费的。但是不得不说Firefox还有很多细节没有完成。比如说标题栏和Firefox按钮的整合,在小窗口页面就会出现下图这种很诡异的囧况。除了Windows平台以外,Linux的界面却比Windows慢了一个拍子,据说Mac平台的情况和Linux的差不多,紧紧多了个Tabs On Top。这方面就Firefox要抓紧时间了。

App Tabs可以说是Firefox 4的一大功能。这个特性有点类似Chrome的App Mode,但是又有一些不同。有点感觉是让用户自己把菜单栏和导航栏移走的感觉。当然Mozilla不会这么无聊的,那是担当云计算大任的特性,据说还可以把Firefox演变为本地的文件管理器呢。到最后这个App Tabs会是什么样子,我们拭目以待吧。

以下是一段Mozilla工程师的访谈,介绍Firefox的界面设计,WebM格式VP8编码的720P视频,只能支持在Firefox的nightly-build版本,Chrome的dev分支版本和Opera 10.60之后的版本观看。

Firefox 4另外一个最重要的特性就是引入JaegerMoneky引擎改善JavaScript性能,现在这是最热门的性能体现。Firefox的确比Chrome和Opera慢了一截,不过我个人觉得现有大部分的网络应用还不至于需要这么高的JavaScript性能,Firefox只要不落后太多就体验就不会差太多了。当然还是越快越好。

此前,黑日白月兄提及到现有的JavaScript性能测试对Firefox不太公平。因为Firefox的JavaScript引擎是支持乱序执行的,而大多数的测试是顺序执行的程序,其他浏览器也是专门为顺序执行而优化,所以Firefox跑这些测试的性能偏慢的原因,而其他测试反而差距不大。Mozilla Wiki的JaegerMonkey条目似乎也给出了他们的诚意,设计目标还真是不一般的高。

这里有一个国外的测试结果,在Ubuntu 10.04 LTS i386平台上测试的,Firefox 4.0 Beta 1的性能比Firefox 3.6.6快约30%,但是和Chrome、Opera仍然有差距。看到它的测试结果似乎都比较慢,应该是用上网本测试的了。

新引擎新界面的Firefox真是令人期待。不知道Fedora 14会不会引入呢?或者Firefox应该像Fedora 14一样加入一个新特性:准时发布。

4 thoughts on “初探Firefox 4新特性

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>