开发者工具文章
-
Firefox 71：年终发布
欢迎 Firefox 71 登场！这次我们带来了大量的开发者工具新功能，包括 WebSocket 消息检查器、控制台多行编辑模式、记录事件以及网络面板全文搜索！此外，还提供了一些重要的 Web 平台新功能，例如 CSS 子网格、column-span、Promise.allSettled 和媒体会话 API。
-
使用 Firefox 开发者工具审计可访问性问题
在 Firefox 70 中，可访问性检查器已成为一个审计工具，可以帮助识别和修复许多常见的错误和做法，这些错误和做法会降低网站的可访问性。在这篇文章中，Marco Zehe 简要概述了此最新版本中提供的内容。
-
使用 Firefox 字体编辑器快速更改字体
您是否曾经访问过一个网页，并想知道使用了哪些字体？您是否曾经问过自己这些字体来自哪里，或者为什么特定字体没有加载？Firefox 中的字体编辑器提供了答案和见解，并使您能够直接进行字体更改，并提供实时预览。
-
Firefox 的全新 WebSocket 检查器
Firefox DevTools 团队和我们的贡献者在整个夏季都在努力工作，为 Firefox 70 增加了大量改进。我们对新的 WebSocket 检查功能尤其感到兴奋。要使用检查器，请下载 Firefox Developer Edition，然后打开 DevTools 的网络面板以找到消息选项卡。然后，继续阅读以详细了解 WebSockets 以及新面板中的技巧。
-
来自 Mozilla 开发者的视频短片
今天，我们推出一个新的视频频道，其中包含精选的短片以开始使用。从 Deja Hodge 介绍 Web 上的暗黑模式开始。然后，Jen Simmons 向我们展示如何访问 Firefox 开发者工具中的便捷第三面板。Miriam Suzanne 制作了一个关于
::marker伪元素和列表计数器的视频。无论您的经验水平或工作描述如何，我们都在共同努力，为 Web 的未来健康而努力，Mozilla 将竭诚帮助您。 -
Firefox DevTools 中的 Webhint：提高兼容性、可访问性等
在不同的浏览器上创建外观和运行良好的体验是 Web 上最大的挑战之一。它也可能是最值得的部分，因为它可以使您的应用程序接触到尽可能多的用户。在开发过程的后期测试旧版浏览器可能会破坏您花了几个小时构建的功能，甚至需要重写才能修复。如果您的主要开发浏览器中的工具能够尽早提醒您会怎样？借助 Firefox DevTools 中的 Webhint，我们可以做到这一点，甚至更多。
-
在 Firefox DevTools 中调试 TypeScript
Firefox 调试器在过去几个月里发展成为一个快速可靠的工具链，它现在支持许多很酷的功能。虽然它主要用于调试 JavaScript，但您是否知道也可以使用 Firefox 调试您的 TypeScript 应用程序？Jan 'Honza' Odvarko 讲解了一些真实世界的示例。
-
Firefox 69 — Resize Observer、microtask、CSS 和 DevTools 的故事
为了我们最新的精彩冒险，我们已经制作了一个新的 Firefox 版本。版本 69 包含许多很棒的新增功能，包括 JavaScript 公共实例字段、Resize Observer 和 Microtask API、CSS 逻辑溢出属性（例如 overflow-block）以及选择器的 @supports。
-
在 Firefox DevTools 中更快、更智能的 JavaScript 调试
脚本调试是网页开发者工具箱中最强大和最复杂的生产力功能之一。如果操作得当，它可以使开发者快速有效地修复错误。DevTools 调试器团队（在开发者社区的帮助下）刚刚发布了重大更新，这些更新显著提高了性能和可靠性。
-
Firefox 66：寂静之音
Firefox 66 现已发布，它带来了一系列很棒的新功能，例如屏幕共享、滚动锚点、针对可听媒体的自动播放阻止以及对 macOS 上触控栏的初步支持。
