Firefox 5发布,Firefox 6新特性预览

Firefox 5这次终于没有跳票,如期发布了,这个版本新增了一些特性,值得前端开发人员关注。同时,Mozilla之前放出了Firefox6会支持的一些特性,我们在此一起了解下。

Firefox 5 新特性:

  1. 支持CSS3动画,比如transition和keyframes等,需要-moz-前缀;
  2. 所有元素支持accessKey属性,以及blur()、click()、focus()等方法;
  3. 不再支持UTF-7和UTF-32字符集;
  4. android版支持WOFF字体;
  5. canvas大量改进: 1. canvas 2D支持设定一个ImageData对象作为createImageData()方法的输入;
  6. 给CanvasGradient的方法addColorStop指定一个无限值时,返回INDEXSIZEERR,而不再是SYNTAX_ERR;
  7. HTMLCanvasElement的toDataURL()方法在匹配前可以正确的转换指定的MIME类型为小写;
  8. 调用creatRadialGradient()时,如果指定负值,现在会正确的返回INDEXSIZEERR;
  9. 为translate()、transform()、rect()、clearRect()、fillRect()、strokeRect()、lineTo()、moveTo()、quadraticCurveTo()、或arc()设定非法值将不再抛出异常,而是会被无视;
  10. 为rotate和scale设定非法值会被无视;
  11. 为shadowOffsetX、shadowOffsetY或shadowBlur设定非法值会被无视;
  12. 其它bugfix。。。
  13. DOM大量更新 1. selection对象的modify()方法做了调整,选中文本中将不再包括连续空格,从而与webkit的行为保持一致;
  14. window.setTimeout()方法在交互tab中做了限制,每秒钟最多发送一次timeout,并且嵌套的timeout的最小值follow了HTML5的规范 4ms——之前是10ms;
  15. 类似setTimeout,window.setInterval()方法在交互tab中每秒钟最多一次限制;
  16. XMLHttpRequest支持loadend事件来处理监听器;
  17. Blob和File对象的slice()方法被去掉,取而代之的是mozSlice();
  18. window.navigator.language通过HTTP头的Accept-Language来检测。

更详细的更新内容可以查阅:http://hacks.mozilla.org/2011/06/firefox5/

Firefox 6 新特性:

  1. 支持progress元素;
  2. 增加window.machMedia()方法以匹配CSS3的媒体查询;
  3. 二进制数据API增强,包括XHR2和FileReader等;
  4. WebSockets回归;
  5. CSS text-decoration支持 -moz-text-decoration-color,-moz-text-decoration-line和-moz-text-decoration-style子属性;
  6. 在交互的tab中,setTimeout和setInterval会延迟更多;
  7. onhashchange时间新增newURL和oldURL属性;
  8. 实现了beforeprint和afterprint事件;
  9. 事件新增defaultPrevented属性,以判断event.preventDefault()方法是否被调用;
  10. element.dataset属性可以用来获取或者修改HTML元素的”data-“前缀属性;
  11. DOM3 CustomEvent规范实现;
  12. 清除浏览器cookie的时候也会清掉Flash的cookie。

当然,Firefox6最终可能会有变数,这里仅供参考。更多内容可以查阅: http://hacks.mozilla.org/2011/05/aurora-6-is-here/