zoukankan      html  css  js  c++  java
  • 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的正式版发布吧。

  • 相关阅读:
    topcoder srm 320 div1
    topcoder srm 325 div1
    topcoder srm 330 div1
    topcoder srm 335 div1
    topcoder srm 340 div1
    topcoder srm 300 div1
    topcoder srm 305 div1
    topcoder srm 310 div1
    topcoder srm 315 div1
    如何统计iOS产品不同渠道的下载量?
  • 原文地址:https://www.cnblogs.com/radom/p/1805076.html
Copyright © 2011-2022 走看看