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

Question

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

Answer 1

1. 打开Firefox开发者工具
2. 按Ctrl+ +在Unix /赢或Cmd+ +Mac上.

要清楚,我的意思是+关键.你不需要坚持Shift做这件事.

Answer 2

也许更简单的方法是打开about:config并设置 devtools.toolbox.zoomValue为更大的值。

Answer 3

你需要修改userChrome.css下面~/.mozilla/firefox/[profile-name]/chrome这个:

/*  Styles for Web developer tools */
@namespace url(http://www.w3.org/1999/xhtml);
.CodeMirror {
    font-family:    "Ubuntu Mono", monospace !important;
    font-size:      15pt !important;
}

结果如下:

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

Answer 4

打开Firefox并输入about:support.在Application Basics部分中,选择Profile Directory - Open Directory.它将激活您的文件管理器.如果没有chrome文件夹而不是创建它.之后转到此chrome文件夹并创建一个userChrome.css文件,在文本编辑器中打开它并添加: .devtools-monospace {font-size: 12px!important;} 保存.务必重启Firefox.

更新:有一件事困扰着我- 而在devtools控制台打字比实际输出的文本有点小(后按Enter键).为了使它相同,我们也需要更改其相应的css类的font-size.我不知道它的类名,所以我只是设置

* { font-size: 12px !important; } 全球,它的工作原理.

Answer 5

所以,如前所述,简短的回答是cmd+ +.

但是+可能无法在键盘上直接访问该标志(没有数字键盘,笔记本电脑,奇怪的布局).
然后,您必须先按下maj才能访问该+标志,例如美国键盘布局:maj+ =.
不幸的是,即使您正确地专注于开发工具窗格,cmd+ maj+ =也会增加Web视图窗格的字体,而cmd+会-减少开发工具窗格上的字体.
最后你会看到一个Web工具窗格,其字体很小,以至于无法读取,也无法增加它.

然后@Thal的答案很方便,一旦专注于开发工具窗格cmd+ 0将开发工具的字体大小重置为原始.

如果你想回答@Timothy_Truckle要求的问题,这里有几个(当然还是关注开发工具窗格):

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

这对你们有些疑惑,为什么有些人发现很难简单地按cmd+ +或者为什么有些人发现难以专注于开发工具窗格(因为他们实际上专注于开发工具窗格,但结果就好像他们专注于网络视图窗格).

Answer 6

您可以为devtools-monospace类选择器指定样式.为此,请userChrome.css在mozilla配置文件的chrome目录中进行编辑,并指定所需的CSS属性.例如:

.devtools-monospace {
    font-family: "Source Code Pro",monospace !important;
    font-size: 16px !important;
}

该userChrome.css需求是在chrome你的Firefox的配置文件夹中.如果该文件夹不存在,请创建它.您userChrome.css重新启动浏览器后,将然后覆盖从Firefox开发工具的CSS.

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

%APPDATA%\Mozilla\Firefox\Profiles\

Answer 7

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论坛上的解决方案几乎是正确的:https://support.mozilla.org/en-US/questions/1198481

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

使用.devtools-monospace { font-size: 13px !important;}几乎没问题,但它不会影响调试器和网络选项卡.

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