新闻来源:yeeyan
自 Firefox 3 发布以来，我们一直在努力为 web 开发者提供新的功能。我们认为有必要写一篇博文，来确切列出那些我们知道的但大家可能还不知道的所有特性。这篇博文包含了我们在之前约三个发布版本的研发 过程中完成的所有工作，更集中整理了 3.6 版本中的新特性（由于译言编辑器不支持 CSS3，原文中的 3.6 标记加粗代替）。 尽情享受吧！

自 Firefox 3 发布以来，我们一直在努力为 web 开发者提供新的功能。我们认为有必要写一篇博文，来确切列出那些我们知道的但大家可能还不知道的所有特性。这篇博文包含了我们在之前约三个发布版本的研发 过程中完成的所有工作，更集中整理了 3.6 版本中的新特性（由 于译言编辑器不支持 CSS3，原文中的 3.6 标记加粗代替）。

尽情享受吧！

CSS

@font-face

使用网络上的字体显示文字（3.6: 支持 WOFF 与 TTF 字体）

pointer-events

点穿元素 3.6（允许点击某元素底层的指定元素——译者注）

:-moz-locale-dir(ltr/rtl) 3.6

确定内容从左向右排列（ltr）还是从右向左排列（rtl）

:indeterminate 伪类 3.6

将样式应用到“不确定的”单选或多选框

阅读媒体查 阅（Media Queries）

根据阅读媒体（的字号、宽高 比、颜色、设备趋向、分辨率）选择 CSS。3.6 新增了可判断是否使用了掌上设备的类。

组合 伪类

:nth-child, :nth-last-child, :nth-of-type, :nth-last-of-type, …

-moz-border-radius

圆角边框

CSS 变换

缩放、翻译、倾斜或旋转元素

CSS 渐变 3.6

将线性渐变或辐射状渐变用于背景

多重背景 3.6

同时使用图片、渐变以及其他对象作为同一个背景

背景 尺寸 3.6

定义背景图片的尺寸

CSS 分列

将内容分列显示

文本阴影

文本周围的阴影

框型阴影

元素周围的阴影

边框图片

将图片用作元素边框

rem 长度单位 3.6

根据根文本元素缩放元素

图像渲染算法 3.6

优化了缩放图像的速度与质量

XMLHttpRequest

跨 域的 XMLHttpRequest

允许指向其他域的 XMLHttpRequest 请求

请 求进度监控

计算上传/下载的百分比

发 送二进制数据 3.6

发送非 ASCII 内容

从 请求读取二进制数据

从 XMLHttpRequest 请求中读取服务端发送的二进制数据

脱 机功能

脱机与联机事 件

当浏览器进入联机或脱机模式 时通知

localStorage 本地存储

永久储存数据

HTML5 应用程序缓存

为 Firefox 的脱机工作创建应用程序

内容处理

Video 标签 (poster 属性 3.6)

在网页中直接嵌入视频

Audio 标签

在网页中嵌入音频文件

Canvas 元素

通过 JavaScript 绘制位图数据

PNG 动画

动态的透明 PNG 图像

SVG 支持

绘制、操控矢量图像，从中捕获事件

ForeignObject 外部对象

在 SVG 元素中添加 HTML 内容

将 SVG 特效与变换应用到纯古老的 HTML 内容中

CSS 遮罩、SVG 的裁剪路径（clip-path）或滤镜

交互

页内拖放

完全支持 web 应用内部的拖放操作

从 桌面拖放文件 3.6

直接从操作系统中将文件拖入您的网页

DNS 预载

通过 DNS 预载技术加速网页载入

定位

检索 GPS 坐标或 3.6 街道地址

鼠标手势事件

在鼠标板上点击、放大与旋转

侦测设 备趋向

侦测机器趋向的事件

基于 Web 的协议处理

创建支持类似 “mailto:” 或 “phone:” 协议的 web 应用

侦 测文档宽高变更 3.6

当文档（即网页）的尺寸有所变更时能够发现

窗口和帧之间的通信

安全地从一个文档向另一个文档发送信息

JavaScript 与 API

原 生 JSON 支持

安全快速地编解码 JavaScript 对象

Web Workers

在单独的线程中执行 JavaScript 代码

文 件 API 3.6

从拖放、文件上传控件所提供的文件读入二进制内容

QuerySelector 查阅选择器

通过 CSS 选择器查找网页中的元素

classList 类 列表 3.6

轻松操控特定元素的类

脚本元素的延迟与异步 3.6 属性

通过新的脚本属 性提升页面载入时的性能