以前,您可以使用覆盖扩展/样式化 Firefox DevTools chrome://devtools/content/framework/toolbox-options.xul
。
现在,这在 Firefox 50 中似乎不再存在。开发人员工具箱显示about:devtools-toolbox
为 URL。我不确定它的 XUL URL 是什么。扩展或重新设计Firefox DevTools的合适chrome://
URL是什么?
以前,您可以使用覆盖扩展/样式化 Firefox DevTools chrome://devtools/content/framework/toolbox-options.xul
。
现在,这在 Firefox 50 中似乎不再存在。开发人员工具箱显示about:devtools-toolbox
为 URL。我不确定它的 XUL URL 是什么。扩展或重新设计Firefox DevTools的合适chrome://
URL是什么?
DevTools 选项移至chrome://devtools/content/framework/toolbox-options.xhtml
Firefox 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文件中。
DevTools API:
DevTools API被认为是一项正在进行的工作。使用此 API,可以将选项卡/工具添加到 DevTools 面板registerTool(toolDefinition)
、注册主题registerTheme(themeDefinition)
等。