firefox-addon - 在 Firefox 50 中，覆盖和扩展 DevTools 主窗口的适当 chrome:// URL 是什么？

Question

以前，您可以使用覆盖扩展/样式化 Firefox DevTools chrome://devtools/content/framework/toolbox-options.xul。

现在，这在 Firefox 50 中似乎不再存在。开发人员工具箱显示about:devtools-toolbox为 URL。我不确定它的 XUL URL 是什么。扩展或重新设计Firefox DevTools的合适chrome://URL是什么？

Answer 1

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

与确定此类事情的通常情况一样，您可以使用附加的 DOM Inspector。我还安装了Element InspectorShift扩展，它使您能够通过+ 右键单击​​在任何元素上打开 DOM Inspector 。您也可以从菜单栏->工具->Web Developer->DOM Inspector 打开 DOM Inspector。

安装这两个附加组件后，可以轻松找出 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/panelAPI 允许您将面板添加到 DevTools工具箱。