Firefox 5 —— 开发者的那些事

标签: develop firefox developer firefox 5 | 发表时间:2011-06-23 12:19 | 作者:Jia Mi 1625
出处:http://www.mijia.org/blog

Firefox 5已经发布了,这里翻译一篇来自Mozilla Hacks上的一篇文章来跟大家分享一下Firefox 5中开发者获得的新武器,:)

======

CSS3 动画

CSS动画(看这篇文档)提供了使用CSS来制作动画效果的能力。跟CSS移位效果一样,使用CSS动画可以非常高效平滑的展现效果(看大牛David Baron的文章),开发者拥有对keyframes有更好的控制力,从而制作出更加复杂的动画效果。

需要注意的变化

其他的Bug Fix和性能提升

HTML

Canvas改进

  • <canvas> 2D绘图上下文现在支持定义 ImageData 为 createImageData() 方法的输入;生成新的  ImageData 对象会初始化为跟指定对象具有相同的大小,不过所有画布上所有像素都预设为透明黑色;
  • 调用 CanvasGradientaddColorStop() 方法时,如果指定非规定值作为停止颜色的参数时会抛出 INDEX_SIZE_ERR 异常而不是 SYNTAX_ERR
  • HTMLCanvasElement 的方法 toDataURL() 在匹配前会正确的将指定的MIME类型变为小写字母;
  • getImageData() 能够接受超过画布大小的矩形为参数,在画布之外区域的像素被预设为透明的黑色;
  • drawImage()createImageData() 支持规范定义的,可以接受负数的参数,可以让指定的矩形区域围绕某个坐标轴进行旋转;
  • 调用 createImageData() 时传递非规定参数时抛出 NOT_SUPPORTED_ERR 异常;
  • 如果 createImageData()getImageData() 参数描述的矩形小于一个像素的话,也会返回至少一个像素大小的数据;
  • 调用 createRadialGradient() 时传递负数的半径会抛出 INDEX_SIZE_ERR 异常;
  • 调用 createPattern() 或者 drawImage() 时参数如果为 null 或者 undefined image对象的话,会抛出 TYPE_MISMATCH_ERR 异常;
  • globalAlpha 如果指定为非法参数的话,不再抛出 SYNTAX_ERR 异常,现在都是悄悄的忽略掉;
  • Specifying invalid values when calling调用 translate(), transform(), rect(), clearRect(), fillRect(), strokeRect(), lineTo(), moveTo(), quadraticCurveTo()arc() 如果传入非法参数的话,不再抛出异常,还是悄悄的忽略掉;
  • shadowOffsetX, shadowOffsetYshadowBlur 的属性值设定不正确的话也是悄悄的忽略掉;
  • rotatescale 的属性设定同上。

CSS

  • 添加对 CSS 动画 的支持,不过现在还需要使用 -moz-前缀。

DOM

  • 修改了 selection 对象的 modify() 方法,这样“文字”选取对象不再包括结尾出多余的空格,从而各个平台上的操作保持一致,并且跟WebKit的实现也保持一致;
  • 在后台标签页中,window.setTimeout() 每秒钟只会调用一次超时回调函数。另外,嵌套的超时会根据HTML5规范中定义的最小的数值:4ms(以前是10ms)。
  • window.setInterval() 方法同上;
  • XMLHttpRequest 现在 支持 loadend 事件 给进度监听器(Progress Listener)。任何传输在结束之后都会引起这个事件(也就是在 abort, errorload 事件之后)。可以监听这个时间来处理不管是错误还是失败之后都需要进行的操作。
  • BlobFile 对象的 slice() 方法被移除,并且替换为新的词法表述,从而跟JavaScript中 Array.slice()String.slice() 方法保持一致的语义。现在,这个方法被命名为  mozSlice()
  • window.navigator.language 的值由 Accept-Language HTTP header 来决定。

JavaScript

SVG

  • class SVG 属性支持动画效果;
  • 下述 SVG 相关的 DOM 接口(表现为对象列表的)支持数列话,可以直接像数组一样被访问,另外,也提供了 length 属性来表示列表中对象的数量: SVGLengthList , SVGNumberList , SVGPathSegListSVGPointList

HTTP

  • Firefox 不再发送 “Keep-Alive” HTTP 头;我们对他格式化的不对,而且当我们同时发送 Connection:Proxy-Connection: 头部信息时,Keep-Alive有点多余;
  • 更新了 HTTP 的传输模型,更智能的重用连接池中的已有连接;不再把连接池当作 FIFO 队列,Necko 现在尝试按照最大的 拥挤窗口 (CWND) 来排序连接。这可以在很多情况下降低 HTTP 传输的RTT时间;
  • 如果 filenamefilename* 参数提供了的话,Firefox 更高效的处理 Content-Disposition HTTP 回应头数据;在提供 filename* 参数的情况下,Firefox会查看所有提供的名字,即使同时也提供了 filename 参数。

MathML

开发者工具

相关 [firefox 开发] 推荐:

Firefox OS 开发预览机

- - LinuxTOY
Mozilla 宣布了两款与 Geeksphone 合作的 Firefox OS 开发预览机,适用于准备投入 Firefox OS 开发的人员使用, 预期上市时间为今年二月,售价未知. 代号为 Keon 的低端版本,关键配置有:. Snapdragon S1 1Ghz SoC 设计. 三频 UMTS 3G HSPA 及四频 GSM 2G EDGE 支持.

Firefox 5 —— 开发者的那些事

- 1625 - M.J.
Firefox 5已经发布了,这里翻译一篇来自Mozilla Hacks上的一篇文章来跟大家分享一下Firefox 5中开发者获得的新武器,:). CSS动画(看这篇文档)提供了使用CSS来制作动画效果的能力. 跟CSS移位效果一样,使用CSS动画可以非常高效平滑的展现效果(看大牛David Baron的文章),开发者拥有对keyframes有更好的控制力,从而制作出更加复杂的动画效果.

Firefox 扩展开发进阶指南

- jyf1987 - IBM developerWorks 中国 : 文档库
Firefox 扩展可以从不同的方面增强 Firefox 浏览器的功能,方便用户使用. 本文在《实战 Firefox 扩展开发》一文的基础上,重点介绍了 Firefox 扩展开发中的一些高级话题,包括高级用户界面元素及其操作、XBL、XUL 数据模板、JavaScript 代码模块、XPCOM、国际化和扩展自动更新等.

Chrome和Firefox联手开发跨浏览器Web App应用

- pansin - Solidot
whuhacker 写道 "Mozilla曾经计划发布一个开放的跨浏览器Web App Store,使得Web应用可以运行于Firefox、Chrome、IE、Safari、Opera等多种浏览器. 现在,Chrome正和Firefox联手推进这项计划. 一个名为Web Intents的框架正在开发以帮助Web Apps更加顺畅地运行.

25款适用于开发人员的Firefox 4插件(上)

- Will - ITeye资讯频道
虽然Firefox 5已经闪亮登场了,但还是有很多开发者在使用Firefox 4. 本文就为您介绍25款适用于开发人员的Firefox 4插件. FireFTP是一款免费适用于Mozilla Firefox上跨平台的客户端软件,它支持FTP/SFTP协议,安全可靠,能够直接访问FTP/SFTP服务器.

【独家】Firefox OS 应用开发独家访谈

- - LinuxTOY
如早先所述,在下前往参加了 Firefox OS 应用开发课堂西安站的活动,并利用活动间隙针对 Firefox OS 相关问题采访了 Mozilla 的社区经理和工程师. 下文中 Q 即黑日白月, A 则为 Mozilla 社区经理 Rachel Zhang 或工程师 Wei Deng. Q: 现在搭载 Firefox OS 的手机已经在部分地区上市了,消费者/运营商/合作伙伴的反响如何.

Mozilla开发基于Firefox OS的流媒体电视棒

- - Solidot
在踏入智能手机领域之后,Mozilla正在研发另一个秘密项目:类似Chromecast的流媒体电视棒,运行Firefox OS操作系统. 和Firefox OS智能手机一样,Mozilla的电视棒也将没有任何限制,将会开放启动引动程序. Chromecast限制了成人内容,而Mozilla的电视棒将不会有此类的内容限制.

Chrome和Firefox联手开发跨浏览器Web App应用框架

- justjavac - cnBeta.COM
还记得Mozilla曾经计划发布一个开放的跨浏览器Web App Store吗. 现在,Chrome正和Firefox联手推进这项计划. 一个名为Web Intents的框架正在开发以帮助Web Apps更加顺畅地运行. Web Intents由Google的开发者Paul Kinlan提出,而现在Google Chromium以及Firefox的开发者们都在参与该计划.

Firefox中Flash将默认点击后播放,为Web开发者敲响警钟

- - VooSee - 拮取生活中的彩虹
有消息称,Firefox开发人员. 正考虑将Flash做成浏览器的可选功能. ,让Firefox在中的Flash默认为“点击后播放”,以便Firefox对使用者来说能运行的更快、更安全. 如果Flash真的变成“点击后播放”的话,那么目前大多数网站的Flash动画或广告都将无法在Firefox中正常播放,只有用户点击Flash按钮时才会播放.

Firefox 7来了!

- Tomato - 前端观察
整理自:http://hacks.mozilla.org/2011/07/aurora7/. 中文:Firefox 7来了. 是的,Firefox动作快了起来,现在只有某IE浏览器还保持着上个世纪的版本发布模式了. Firefox 6才刚刚beta,但是7已经alpha了,虽然它可能到年底才会正式release.