Firefox 3.6新功能预览

Firefox 3.5已经发布了几个月了,且已经历5次小幅更新。而基于Gecko 1.9.2的Firefox 3.6也已经开发数月,现在已经发布了firefox 3.6 beta2版本,而官方也声明将在12月份发行正式版。作为3.5版之后的又一个很重要的版本,让我们先来看看新版本的firefox对我们前端开发工作会有哪些影响吧。

CSS

  • 支持CSS3中的 background-size 属性,使用私有属性-moz-background-size属性
  • 通过新引入的-moz-linear-gradient-moz-radial-gradient属性支持渐变,但是目前只支持background-image或者简写的background属性。
  • background属性开始支持多背景图片
  • 开始支持pointer-events属性,该属性可以让内容指定一个元素是否被鼠标指针事件指定。safari 4已经支持该属性。opera 9+也支持,不过只支持SVG内容。
  • 开始支持rem长度单位,rem即根元素字体大小
  • 支持image-rendering到图片、背景图片、视频和canvas。
  • 开始支持text-alignend参数,与start参数的作用相对应。如果directionltr(left-to-right,从左到右),start等同于leftend等同于rightdirection:rtl的效果与之相反。
  • 你可以使用新的选择器:-moz-system-metric(touch-enabled)来设定是否允许内容在触摸设备上渲染。
  • 添加:-moz-locale-dir(ltr):-moz-locale-dir(rtl)属性以使定制从左到右或者从右到左的用户界面布局更简单;
  • 添加:indeterminate伪类,匹配indeterminate属性值为true的复选框input元素;
  • @font-face属性支持新的WOFF网络字体文件格式。

HTML

  • HTML 5视频支持播放框
  • poster属性现在已经支持video元素,允许指定一个在视频播放的时候播放时显示的框架(可以是一张图片)。
  • 复选框和单选按钮支持indeterminate属性
  • HTML input元素的checkboxradio类型现在支持indeterminate属性,它允许第三种indeterminate状态。
  • Canvas图片平滑可以被控制;
  • 新加入的mozImageSmoothingEnabled property属性可以用于开启/关闭用canvas元素缩放图片时的图片平滑效果
  • 多文件上传
  • Input元素开始支持multiple属性(<input type=file multiple>),而且只支持type=file类型。

JavaScript

Gecko 1.9.2 引入了JavaScript 1.8.2,后者从ECMAScript 5标准中加入了一些语言属性:

  • Date.parse()现在可以解析ISO 8601日期比如YYYY-MM-DD.
  • 函数实例的prototype属性将不再可枚举。

DOM

DOM方面的增强比较多,大部分是一些bug修正,但是有一条需要注意的是,firefox 3.6移除了getBoxObjectFor()方法,该方法被mootools用来检测Gecko核心,从而判断浏览器型号。因此,将该方法移除导致了Mootools在Firefox 3.6中出现了bug!不过最近Mootools官方已经发布了一次升级,其中修改掉了这个bug。

XPath

支持choose() XPath方法
现在已经支持choose()方法了。

欲了解更多信息,请查看Mozilla官方的文章:Firefox 3.6 for developer

PS:我个人最高兴看到的是新版本对多背景图片和背景大小的支持,之前只有webkit核心的浏览器支持这两个属性,现在safari/chrome终于可以不孤单了。关于多背景图和背景大小的用法可以查看这篇教程