今年 11 月份带来了什么惊喜？事实上，11 月份为我们带来了不少好消息，其中最引人注目的是 Firefox 83 的发布！在这个版本中，我们增加了一些不错的功能，包括圆锥形 CSS 渐变、开发者工具中的溢出调试、在更多平台上启用 WebRender，等等。

这篇博文只是对一些亮点的概述，更多详情请查看以下内容

• MDN 上的 Firefox 83 开发者指南
• Firefox 83 终端用户发布说明

开发者工具

在 HTML 面板 中，可滚动元素旁边有一个“滚动”徽章，现在可以切换该徽章以突出显示导致溢出的元素（根据需要扩展节点以使它们可见）

您还会在导致溢出的节点旁边看到一个“溢出”徽章。

除此之外，如果您将鼠标悬停在导致溢出的节点上，UI 将显示内容的“幽灵”，以便您可以看到它溢出了多远。

这些新功能对于帮助调试与溢出相关的问题非常有用。

Web 平台新增功能

现在让我们来看看 Firefox 83 中 Gecko 添加了什么功能。

圆锥形渐变

我们很早就支持 CSS 图像中的 线性渐变 和 径向渐变（例如在 background-image 中）。现在在 Firefox 83 中，我们终于可以在此列表中添加对 圆锥形渐变 的支持了！

您可以使用两种颜色创建非常简单的圆锥形渐变

conic-gradient(red, orange);

但是，还有很多选项可用。更复杂的语法示例可能如下所示

conic-gradient(
  from 45deg /* vary starting angle */
  at 30% 40%, /* vary position of gradient center */
  red, /* include multiple color stops */
  orange,
  yellow,
  green,
  blue,
  indigo 80%, /* vary angle of individual color stops */
  violet 90%
)

与其他渐变类型一样，您可以创建重复的圆锥形渐变

repeating-conic-gradient(#ccc 20deg, #666 40deg)

有关更多信息和示例，请查看我们的 conic-gradient() 参考页面和 使用 CSS 渐变 指南。

WebRender 扩展至更多平台

我们几年前就开始开发我们的 WebRender 渲染架构，旨在以 60fps 的速度呈现整个网页。此功能已在配备合适硬件的 Windows 10 用户中启用，但今天我们将 WebRender 体验带到了 Win7、Win8 和 macOS 10.12 到 10.15（目前不包括 10.16 beta 版）。

Firefox 性能迎来激动人心的时刻 - 现在就试用一下，并告诉我们您的感受！

桌面上的捏合缩放

最后但并非最不重要的是，我们想提醒您注意桌面上的捏合缩放功能 - 这一直是人们的请求，终于，我们能够为以下设备启用捏合缩放支持

• Windows 笔记本电脑触摸屏
• Windows 笔记本电脑触控板
• macOS 笔记本电脑触控板