在firefox开发者工具中增加代码字体大小

如何在Firefox开发者工具中增加代码字体？ 我知道有缩放功能，但我只想为代码设置字体大小

打开Firefox开发工具

在Unix/Win上按Ctrl++或在Mac上按Cmd++

---

说清楚点，我指的是+键。您不需要按住Shift键。

正如John所说，在devtools中增加字体大小的方法是使用ctrl/cmd+，就像在网页上一样。事实上，devtools是一个网页。您只需要确保devtools框架首先被聚焦

---

现在恐怕没有办法只增加代码的字体大小。

您需要在

~/.mozilla/firefox/[profile name]/chrome

下修改

userChrome.css

：

/*Web开发人员工具的样式*/
@名称空间url(http://www.w3.org/1999/xhtml);
.CodeMirror{
字体系列：“Ubuntu Mono”，monospace！重要；
字体大小：15磅！重要；
}

结果如下所示：

---

这只会更改调试器和样式编辑器。html检查器有一个不同的选择器。还不确定是什么。

您可以为

devtools monospace

类选择器指定样式。为此，请在mozilla配置文件的

chrome

目录中编辑

userChrome.css

，并指定所需的css属性。例如：

.devtools monospace{
字体系列：“源代码Pro”，monospace！重要；
字体大小：16px！重要；
}

userChrome.css

需要位于Firefox配置文件的

chrome

文件夹中。如果文件夹不存在，请创建它。重新启动浏览器后，

userChrome.css

将覆盖Firefox开发工具中的css

要在Windows操作系统中查找您的配置文件，请键入：Strg+R，然后输入：

%APPDATA%\Mozilla\Firefox\Profiles\

---

打开Firefox并键入

about:support

。在应用程序基础部分选择配置文件文件夹-打开文件夹。它将启动您的文件管理器。如果没有

chrome

文件夹，请创建它。然后转到此

chrome

文件夹并创建一个

userChrome.css

文件，在文本编辑器中打开它并添加：

.devtools monospace{font size:12px！重要；}

拯救一定要重新启动Firefox

更新：有一件事困扰着我——在devtools控制台中键入文本时，文本实际上比输出时的文本小一点（按Enter键后）。为了保持一致，我们还需要为相应的css类更改字体大小。我还不知道它的类名，所以我只设置了

---

*{font size:12px！important；}

全局运行。

我不小心将我的firefox开发者窗口的大小调整到了最小值（甚至无法再阅读），“CMD+”（mac）对我不起作用，而且只对主网页起作用，即使控制台已聚焦，我只点击了“CMD 0”，它就恢复正常了，如果它能成为其他任何人的好选择；）

如前所述，可以肯定的是，简短的答案是cmd++

但是+符号可能无法直接在键盘上访问（没有数字键盘、笔记本电脑、奇怪的布局）。
然后，您必须先按

maj

以访问+符号，例如在美式键盘布局上：maj+=。
不幸的是，即使您正确地关注开发工具窗格，cmd+maj+=也会增加web视图窗格的字体，而cmd+-会减少开发工具窗格的字体。
最后你会看到一个网页工具窗格，它的字体太小，无法阅读，而且无法增加

然后@Thal的答案就很方便了，只要关注开发工具窗格，cmd+0就会将开发工具的字体大小重置为原始大小

如果您想回答@Timothy_Truckle所要求的问题，这里有几个问题（当然，仍然关注开发工具窗格）：

• 切换到美国键盘布局，然后按cmd+=
• 找到可直接访问+的键盘布局，切换到该布局，然后按cmd++

---

这就是为什么有些人觉得很难只按cmd++键，或者有些人觉得很难专注于开发工具窗格（因为他们实际上专注于开发工具窗格，但结果就像专注于web视图窗格一样）.

Firefox的某些元素可以在Firefox配置文件的chrome文件夹中的userChrome.css文件中设置样式。
从2018年起，使用类似以下内容修改/创建~/.mozilla/firefox/[profile name]/chrome/userChrome.css：

@-moz-document url-prefix("chrome://devtools/content/") {
    * { font-size: 13px !important; }
}

然后重新启动Firefox

Mozilla论坛上的解决方案几乎完全正确：

使用Ctrl+=或Cmd+=对我来说并不理想，因为它增加了窗口所有元素的字体，包括选项卡名称

使用

.devtools monospace{font size:13px！important；}

几乎可以，但它不会影响调试器和网络选项卡

使用@bohag_bihu的解决方案会对地址栏和其他一些文本输入产生副作用。

对于某些Mozilla版本（我在Mozilla SeaMonkey上测试，相当于Mozilla Firefox 52 ESR），需要显式设置根元素

这将起作用：

@命名空间xul url（“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@命名空间html url（“http://www.w3.org/1999/xhtml");

而这个不会：

@命名空间url（“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
@命名空间html url（“http://www.w3.org/1999/xhtml");

一旦设置了

@namespace

规则

您只需添加选择器和样式：

.devtools monospace，
.CodeMirror，
.CodeMirror pre{
字体系列：“信使新”，monospace！重要；
字体大小：10pt！重要；
}

这一个可以在FF 68 Linux上使用

userChrome.css

。我认为inspector工具现在正在使用CSS varia

resource://devtools/client/themes/variables.css

/* @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); */

:root {
  /* Text sizes */
  --theme-code-font-size: 13px !important;
}