如何检查 Firefox 的 UI？

Question

我正在尝试将 Firefox 主题设置为与我的操作系统主题相匹配。我目前正在努力找出 Firefox 和扩展程序（如树形选项卡）使用的 DOM 结构。这使得我无法编写 CSS 来制作我的主题。

有没有办法检查 Firefox 的 UI？

Answer 1

Firefox 的用户界面

\n

要检查 Firefox 的 UI，您可以使用浏览器工具箱。

\n

启用浏览器工具箱

\n

\n

1. 按F12打开页面检查器。
   \n替代方法：右键单击页面，然后单击“检查元素 (Q)”。

   \n
\n

2. 按F1打开页面检查器设置。
   \n替代：位于页面检查器右上角关闭按钮旁边；按“\xe2\x8b\xaf”按钮，然后按“设置”。

   \n
\n

3. 确保检查以下设置：

   \n
   \n
   • “启用浏览器镶边和附加调试工具箱”
   \n
   • “启用远程调试”
   \n
   \n
\n

\n

打开浏览器工具箱

\n

\n
1. 按alt、“工具”、“Web 开发人员”，然后按“浏览器工具箱”。
   \n替代：按ctrlaltshifti
\n

\n

扩展

\n

您可以使用浏览器工具箱来检查扩展。此外，您可以通过检查扩展about:debugging。

\n

\n
1. 导航about:debugging。
\n
2. 转到“此 Firefox”页面。
\n
3. 找到您要检查的扩展。
\n
4. 按“检查”。
\n

\n