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()方法的输入；
   2. 给CanvasGradient的方法addColorStop指定一个无限值时，返回INDEX_SIZE_ERR，而不再是SYNTAX_ERR；
   3. HTMLCanvasElement的toDataURL()方法在匹配前可以正确的转换指定的MIME类型为小写；
   4. 调用creatRadialGradient()时，如果指定负值，现在会正确的返回INDEX_SIZE_ERR；
   5. 为translate()、transform()、rect()、clearRect()、fillRect()、strokeRect()、lineTo()、moveTo()、quadraticCurveTo()、或arc()设定非法值将不再抛出异常，而是会被无视；
   6. 为rotate和scale设定非法值会被无视；
   7. 为shadowOffsetX、shadowOffsetY或shadowBlur设定非法值会被无视；
   8. 其它bugfix。。。
6. DOM大量更新
   1. selection对象的modify()方法做了调整，选中文本中将不再包括连续空格，从而与webkit的行为保持一致；
   2. window.setTimeout()方法在交互tab中做了限制，每秒钟最多发送一次timeout，并且嵌套的timeout的最小值follow了HTML5的规范 4ms——之前是10ms；
   3. 类似setTimeout，window.setInterval()方法在交互tab中每秒钟最多一次限制；
   4. XMLHttpRequest支持loadend事件来处理监听器；
   5. Blob和File对象的slice()方法被去掉，取而代之的是mozSlice()；
   6. 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/