1

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

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

4

1 回答 1

2

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工具箱

于 2016-10-29T12:23:22.430 回答