为了让您了解 Firefox 中的最新功能，这里再次发布一篇博客文章，重点介绍最近的更改。这是我们 Bleeding Edge 系列 的一部分，大多数示例仅适用于 Firefox Nightly（并且可能随时更改）。

视口百分比长度

Gecko 现在支持新的长度单位：vh、vw、vmin 和 vmax。1vh 是视口高度的 1%，并且长度不依赖于其容器大小。我们可以构建与页面大小成正比的设计（例如，考虑 HTML 幻灯片，它应该保持相同的显示效果，无论页面大小如何）。

vh

视口高度的 1/100。

vw

视口宽度的 1/100。

vmin

视口高度和宽度之间最小值的 1/100。

vmax

视口高度和宽度之间最大值的 1/100。

阅读更多关于 MDN 上的 CSS 视口百分比长度。

<canvas>.toBlob()

Blob 对象表示一个不可变的原始数据文件类对象。Blob 可用于不同的 API，例如 File API 或 IndexedDB。我们可以创建一个引用 Blob 的别名 URL，使用 window.URL.createObjectURL，在某些情况下可以代替 data URL（在内存方面更好）。

现在，canvas 元素可以使用 toBlob() 方法将其内容导出为图像 blob（这取代了非标准的 mozGetAsFile 函数）。toBlob 是异步的。

toBlob(callback, type) // type is "image/png" by default

有关更多信息，请参阅 MDN 上的示例：获取表示 canvas 的文件。

Firefox Nightly 和 Firefox Aurora（Firefox 18）中的 WebRTC

要在 Firefox 的 Nightly 桌面版本中启用我们的 WebRTC 代码，请浏览到 about:config 并将 media.peerconnection.enabled 首选项更改为 true。更多 MDN 上的 WebRTC 文档，我们计划在 Mozilla Hacks 上发布更多关于 WebRTC 的博客文章。

此外，如果您有兴趣持续了解最新的 Firefox 亮点，您也可以关注 Twitter 上的 @FirefoxNightly。