Mozilla Hacks

介绍 DevTools Reload

头像照片 作者：Soledad Penadés

发布于 2016 年 2 月 24 日 分类于 开发者工具 和 精选文章

为了鼓励更多开源开发者参与 Firefox 开发者工具的演变，DevTools 团队构建了DevTools Reload，这是一个移除了一些常见入门障碍的附加组件。

对于成熟的开源项目来说，拥有庞大的代码库并不罕见。这可能会成为新贡献者入门的障碍。可能感觉要花很长时间才能学习如此多的代码，即使最好的入门方法是修复简单错误，由于代码库的大小，任务也可能显得不堪重负。

庞大代码库的另一个挑战是它们通常需要很长时间下载和编译，这进一步阻碍了新贡献者参与其中。即使有人决定此时加入，在进行简单更改后漫长的重新编译时间也会让最耐心的开发者感到沮丧。

DevTools Reload 允许开发者对 JavaScript 和 CSS 源文件进行更改，并且通过按下快捷键组合，自动重新加载包含所有新更改的工具。Firefox 认为工具应该像 Web 一样可以被修改。

这种方法对于对 Firefox 开发工具进行简单修复非常方便，并且为进行更改的开发者提供了几乎实时的反馈，从而允许快速迭代和试验可能的解决方案。

这是一个简短的屏幕截图，展示了如何在 Firefox Nightly 上安装此附加组件，并演示其功能。或者，如果你更喜欢文字，我们还提供了一些关于 如何开始 的指导。

此功能 相当新，并且仍在开发中，因此你可能会发现一些粗糙的地方和不一致。如果你发现某些内容无法按预期工作，请 提交错误报告，或者 联系我们。你可以关注 DevTools 团队（@firefoxdevtools）获取更多更新。请确保通过 bugzilla 提交你对工具的贡献。

关于 Soledad Penadés

Sole 在 Mozilla 的开发者工具团队工作，帮助人们在 Web 上创造奇妙的东西，最好是实时的。在 irc.mozilla.org 上的 #devtools 频道找到她。

更多 Soledad Penadés 的文章...

9 条评论

  1. Colby Russell

    当 Devtools 团队最初决定独立工作并开始开发新的检查器时，我试图让他们将其保持可分离，而不是将其直接集成到 Firefox 中，原因正是如此，以及其他原因。很高兴现在这种情况正在发生，即使它有点晚了。

    现在我们只需要对 Firefox UI 做同样的事情，这样贡献者就不必在开始进行更改之前构建整个 Gecko。

    2016 年 2 月 24 日 下午 4:46

  2. Šime Vidas

    DevTools 本身可以被另一个 DevTools 实例检查吗（就像在 Chrome 中一样）？

    2016 年 2 月 24 日 下午 8:42

    1. Soledad Penadés

      @Sime 是的！它在 https://mdn.org.cn/en-US/docs/Tools/Browser_Toolbox 中有说明。
      我希望尽快制作一个展示这个功能的视频。它非常棒，在使用这些工具时是必不可少的。

      2016 年 2 月 25 日 上午 2:56

  3. fvsch

    @Šime Vidas: 是的。在 Devtools 选项中，你需要启用两个高级设置

    1. “启用远程调试”
    2. “启用浏览器 chrome 和附加组件调试工具箱”

    然后你可以启动工具 > Web 开发人员 > 浏览器工具箱。

    2016 年 2 月 25 日 上午 0:48

  4. Katie Lyons

    感谢 DevTool 团队提供这个工具，它使我们更容易开发网站，并使 Firefox 更适合开发者。

    从 2006 年至今，Firefox 一直是我最喜欢的开发者浏览器。

    2016 年 2 月 25 日 下午 6:12

  5. Dane MacMillan

    我可能在新的流程中遗漏了一个关键步骤，但是这些更改在什么时间点以及如何回流到上游？

    这个新的流程*仅仅*是为了提供快速迭代/实验吗？在测试中产生的任何有希望的结果都必须复制粘贴到实际的 Mercurial 存储库中，分别克隆并放置在磁盘上的其他位置，然后推送到上游，对吗？

    最大的入门障碍是使用 Mercurial，不是因为它是一个难以使用的工具，而是因为它没有 GitHub 那么熟悉。如今，任何认为自己是开发者或即将成为开发者的新手几乎肯定会使用 GitHub 作为开始这种追求的跳板。

    2016 年 2 月 26 日 上午 7:14

    1. Soledad Penadés

      此功能仅涵盖动态重新加载工具。编写补丁并贡献到上游是我们希望在未来的帖子/屏幕截图中涵盖的内容。

      但是，如果你想今天就尝试一下，你不需要使用 Mercurial！我们维护了一个 git 镜像（在屏幕截图中显示），你可以根据以下流程，针对该镜像发送初始补丁：https://mdn.org.cn/en-US/docs/Tools/Contributing

      我们也在努力消除 Mercurial 依赖，并简化补丁提交流程 - 我们意识到它很笨拙！:-)

      2016 年 2 月 26 日 上午 9:30

  6. lushijie

    哪个键用于保存更改（你通过按下快捷键组合来注释）？当我更改 css 时，它不生效，直到我重新安装 rdf。

    2016 年 3 月 11 日 下午 10:25

  7. green software tech

    对于程序员来说，这是一个非常好的工作场所，我使用它，这个平台给我带来了非常棒的编码体验。

    2016 年 3 月 20 日 上午 5:12

本文的评论已关闭。