开发者工具文章
-
Web 设计调查结果和下一步
11 月，我写了一篇关于我的团队在实验性网页设计新工具方面的工作的文章，并推出了一个调查，对网页设计和开发的挑战进行排名。您分享的见解继续为 Firefox DevTools 的 2019 年路线图提供信息。我们的主要结论是：各个经验水平的开发人员和设计师都希望更好地理解 CSS 调试。我们正在努力。
-
Firefox DevTools 65 的新功能
我们刚刚发布了 Firefox 65，其中包含许多新的开发者功能，让您更轻松地创建、检查和调试网页。在所有进入 DevTools 的新功能和错误修复中，我们特别想重点介绍我们全新的 Flexbox Inspector 以及所有提供更智能 JavaScript 检查和调试的功能和增强功能。
-
Firefox 65：WebP 支持、Flexbox Inspector、新工具和平台更新
Firefox 65 今天发布，其中包含一些值得注意的 Firefox Devtools 更新，包括 CSS Flexbox Inspector 的发布、新的更改面板等等。我们正在提供 CSS 平台改进和对各种 JavaScript API 的更新。Firefox 65 支持 WebP 图片格式，对 AV1（一种开放且免版税的视频压缩格式）的支持现已在 Windows 版 Firefox 65 中发布。
-
Flexbox Inspector 的设计
CSS Flexbox 是一种越来越流行的布局模型，它有助于构建健壮的动态页面布局。但是，它有一个很大的学习曲线！由 Firefox DevTools 创建的新 Flexbox Inspector 可以帮助开发人员理解 Flexbox 元素的大小、位置和嵌套。您现在可以在 Firefox Nightly 或 Dev Edition 中试用它。
-
Web Components 的力量
Web Components 包含一组标准，这些标准使您可以定义用户定义的 HTML 元素。这些元素可以放在与传统 HTML 相同的位置。尽管标准化过程很长，但 Web Components 的新兴承诺将更多权力交给了开发人员和创作者。
-
新颖且实验性的网页设计工具：需要反馈
我们目前正在努力开发一些针对网页设计师的新工具：一个全面的 Flexbox Inspector 以及 CSS 更改跟踪。请在 Mozilla 的首次设计工具调查中告诉我们您最大的 CSS 和网页设计问题和痛点！我们希望收到开发人员和设计师的反馈，无论您使用什么浏览器。
-
使用 speedscope 进行跨语言性能配置文件探索
speedscope 是一种快速、交互式的基于 Web 的大型性能配置文件查看器，灵感来自 Chrome 开发者工具的性能面板以及 Brendan Gregg 的 FlameGraphs。Jamie Wong 构建了 speedscope 来探索和交互来自各种分析器针对各种编程语言的大型性能配置文件。speescope 完全在浏览器中运行，不会将任何分析数据发送到任何服务器。
-
Firefox 62 – 适合学校的酷工具！
从新的 Firefox Shape Path Editor（它允许浮动内容塑造内容流）到 Variable Fonts（它允许对字体渲染进行细粒度调整），再到更高效的 Firefox Dev Tools 视图选项，Firefox 62 提供了丰富的功能。
-
Firefox 61 的新功能：开发者版
最新版本 - Firefox 61 开发者版 - 带有更暗的深色主题、功能更强大且可自定义的开发者工具、新的无障碍检查器，以及许多性能改进，例如更好的 CSS 样式表解析和改进的首次绘制时间。
-
用于 UI 布局的 CSS Grid
在本文中，我将向您展示如何使用 CSS Grid 来改进需要响应和适应用户交互和不断变化的条件的应用程序布局，并始终使您的面板正确滚动。
