现在让我们一起来看看今年 Firefox 的最新进展。这是我们 Bleeding Edge 和 Firefox 开发亮点 系列的一部分,大多数示例仅在 Firefox Nightly 中有效(并且可能会发生更改)。
Windows 上的 H.264 和 MP3 支持
Firefox for Android 和 Firefox OS 已经支持 H.264 和 MP3。我们也正在努力将这些格式引入 Firefox 桌面版。在 Windows 7 及更高版本上,您可以在 about:config 中启用 media.windows-media-foundation.enabled
偏好设置来测试它。解码在操作系统端完成(Firefox 源代码中没有包含解码器,不像 WebM 或 Ogg Theora)。对于 Linux 和 Mac,工作正在进行中。
新的下载面板已启用
我们现在启用了新的下载面板。
作用域样式属性
现在可以定义作用域样式元素。通常,当我们编写样式表时,我们使用 <style>...</style>
,CSS 代码应用于整个文档。如果 <style>
标签嵌套在一个节点(比如 <div>
)中,并且 <style>
标签包含 scoped
属性(<style scoped>
),那么 CSS 代码将仅应用于文档的子树,从 <style>
元素的父节点开始。子树的根也可以通过 :scope
伪类来引用。
演示
我们 HTML5Rocks 的朋友也在 A New Experimental Feature: scoped stylesheets 中对此进行了介绍。
@supports 和 CSS.supports
在 Firefox 17 中,我们发布了 @supports
CSS at-rule。它允许您仅在支持某些功能的情况下定义特定的 CSS 代码。例如
@supports not (display: flex) {
/* If flex box model is not supported, we use a different layout */
#main {
width: 90%;
}
}
在 Firefox 20 中,现在可以在 JavaScript 中执行相同操作
if (CSS.supports("display", "flex")) {
// do something relying on flexbox
}
关于 Paul Rouget
Paul 是一位 Firefox 开发人员。
关于 Robert Nyman [荣誉编辑]
Mozilla Hacks 技术布道者和编辑。发表关于 HTML5、JavaScript 和开放网络的演讲和博客。Robert 是 HTML5 和开放网络的坚定支持者,自 1999 年以来一直在从事 Web 前端开发工作 - 在瑞典和纽约市。他还定期在 http://robertnyman.com 上发表博客,喜欢旅行和结识新朋友。
34 条评论