自从 Firefox 3 发布以来，我们一直在努力为 Web 开发人员添加新的功能。我们认为发布一篇列出所有已知功能（以及用户可能不知道的功能）的文章非常有价值。这包含了我们在过去三个版本左右完成的所有工作，但也特别指出了 3.6 中的新功能。

希望您喜欢！

CSS

@font-face

显示在线字体（支持 WOFF 和 TTF 字体）

pointer-events

点击穿透元素

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

了解您是否处于 ltr 或 rtl 上下文

:indeterminate 伪类

用于“未确定”单选按钮和复选框

媒体查询

根据媒体（大小、纵横比、颜色、方向、分辨率）选择 CSS。 具有新的类来检测您是否在触摸设备上。

结构性伪类

:nth-child、:nth-last-child、:nth-of-type、:nth-last-of-type 等。

-moz-border-radius

圆角边框

CSS 变换

缩放、平移、倾斜和旋转您的元素

CSS 渐变

使用线性渐变和径向渐变作为背景

多重背景

将图像、渐变和其他项目都用作同一背景的一部分

背景大小

定义背景图像的大小

CSS 列

以列的形式显示您的内容

文本阴影

文本周围的阴影

盒子阴影

元素周围的阴影

边框图像

使用图像作为元素的边框

rem 长度单位

将元素大小与根文本元素进行比较

图像渲染算法

优化调整大小的图像的速度或质量

XMLHttpRequest

跨域 XMLHttpRequest

允许 XMLHttpRequest 访问其他域

监控请求进度

计算上传或下载的百分比

发送二进制数据

发送非 ASCII 内容

读取请求中的二进制数据

读取服务器通过 XMLHttpRequest 发送的二进制数据

离线

离线和在线事件

在浏览器上线或下线时获得通知

localStorage

存储持久性数据

HTML5 应用程序缓存

为 Firefox 构建离线应用程序

内容

视频标签（poster 属性）

直接将视频嵌入到您的网页中

音频标签

将音频文件嵌入到您的网页中

Canvas 元素

使用 JavaScript 绘制位图数据

动画 PNG 图形

为您的透明 PNG 图形制作动画

SVG 支持

绘制、操作和获取矢量图形的事件

ForeignObject

在 SVG 元素内添加 HTML 内容

将 SVG 效果和变换应用于普通的 HTML 内容

使用 SVG 进行 CSS 蒙版、剪辑路径或滤镜

交互

页面内拖放

在您的 Web 应用程序内干净地支持拖放

从桌面拖放文件

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

DNS 预取

通过 DNS 预取加快网页加载速度

地理位置

检索某人的 GPS 坐标或 街道地址

鼠标手势事件

从您的触控板进行滑动、放大和旋转

检测设备方向

用于检测机器方向的事件

基于 Web 的协议处理程序

设置一个 Web 应用程序来支持“mailto:”或“phone:”之类的协议

检测文档宽度和高度的变化

了解何时有人更改文档的大小

窗口和 iframe 之间的通信

安全地将消息从一个文档发送到另一个文档

JavaScript 和 API

原生 JSON

安全快速地编码和解码 JavaScript 对象

Web Workers

在一个线程中运行 JavaScript 代码

文件 API

读取拖放和文件上传控件中文件的二进制内容

QuerySelector

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

classList

轻松操作元素的类

脚本元素的 defer 和 async 属性

使用新的脚本属性提高页面加载性能