在Firefox 50中，用于覆盖和扩展DevTools主窗口的适当chrome：// URL是什么？

Question

以前，您可以在chrome://devtools/content/framework/toolbox-options.xul上使用叠加层扩展/样式化Firefox DevTools。

现在，在Firefox 50中似乎不再存在。开发者工具箱将about:devtools-toolbox为URL。 我不确定那是什么XUL URL。 什么是适当的chrome:// URL来扩展或重新设计 Firefox DevTools？

Answer 1

在Firefox 48中，DevTools选项已移至chrome://devtools/content/framework/toolbox-options.xhtml 。但是，构成DevTools涉及许多文件。 没有关于您想要做什么的详细信息，就不可能说这是您唯一需要覆盖或覆盖的文件 。 如果您正在寻找DevTools工具箱容器的整体容器，则为chrome://devtools/content/framework/toolbox.xul 。

与确定此类情况通常一样，您可以使用附加的 DOM Inspector 。 我还安装了Element Inspector扩展，它使您可以通过Shift +右键单击在任何元素上打开DOM Inspector。 您也可以从菜单栏->工具-> Web开发人员-> DOM检查器中打开DOM检查器。

安装了这两个附加组件后，可以轻松找到DevTools选项的URL：只需打开DevTools F12 ； 显示选项； 然后通过Shift +在DevTools选项中右键单击打开Dom Inspector； 然后在DOM Inspector中选择最上面的<document>并切换到JavaScript Object视图。 URL属性将显示URL。

我还发现解压缩Firefox 随附的omni.ja文件非常方便。 它们位于[Firefox安装目录]和[Firefox安装目录] / browser /中 。 在Firefox 48之前， [Firefox安装目录] / webapprt中也存在一个。 我发现将这些文件解压缩后，可以更轻松地浏览文件，并可以在需要覆盖时轻松地获取它们。 或者，您可以浏览源代码 。 对于DevTools，它们位于chrome / devtools目录中的browser / omni.ja文件中。

官方API

DevTools API ：
DevTools API被视为正在进行中的工作。 使用此API可以将选项卡/工具添加到DevTools面板， registerTool(toolDefinition) ，注册主题， registerTheme(themeDefinition)等。

附加SDK dev/panel API允许您将面板添加到DevTools 工具箱 。