chrome控制台增加字体大小

97

如何在Chrome控制台中增加字体大小？

保罗·爱尔兰似乎做到了：

在此处输入图片说明

http://www.youtube.com/watch?v=4mf_yNLlgic

更新

以下是一些有关如何自定义主题的提示：https : //plus.google.com/115133653231679625609/posts/UZF34wPJXsL

google-chrome console

— 苔藓
source

194

如果您只需要快速临时调整大小，可以按Ctrl +/ -缩放并Ctrl 0重置。

— 罗尼
source

2

太神奇了，我

— 什么

3

我不知道这将在独立于网页的控制台中工作。好人...

— jcalfee314 2014年

3

对于Mac用户：⌘+和⌘-

— jherax

2

感谢上帝有人张贴了这个。我无意中击了一下键盘并增大了它的大小，然后直到我偶然发现这篇文章之前，找不到恢复它的方法。

— Volomike '16

1

非常感谢。它也适用于Microsoft Edge控制台。

— Banketeshvar Narayan

25

这是有关该主题的最新博客文章。

基本上，Default/User StyleSheets/Custom.css在用户目录中使用类似以下内容的值进行覆盖：

/* Keep .platform-mac to make the rule more specific than the general one above. */
body.platform-mac.platform-mac-snowleopard .monospace,
body.platform-mac.platform-mac-snowleopard .source-code {
    font-size: 11px !important;
    font-family: Menlo, monospace;
}

body.platform-windows .monospace, body.platform-windows .source-code {
    font-size: 12px !important;
    font-family: Consolas, Lucida Console, monospace;
}

body.platform-linux .monospace, body.platform-linux .source-code {
    font-size: 11px !important;
    font-family: dejavu sans mono, monospace;
}

— 鲍里斯·斯莫斯（Boris Smus）
source

甜蜜的，这使人高兴。

— amosrivera 2011年

4

仅供参考，据我所知，这与控制台中的字体大小无关。这对源代码窗格之类的东西非常有用，但是控制台本身似乎对许多东西都有非常特定的设置，这些设置会覆盖此处的字体大小设置。

— James Moore

1

@Boris Smus Windows 8笔记本电脑上的目录中没有User StyleSheets/Custom.css文件夹/文件C:\Users\c22\AppData\Local\Google\Chrome\User Data\Default。我已经检查了Default目录中的所有文件夹和文件。这个问题是一年多以前的事，有人custom.css在Chrome 37.0.x中找到文件的位置吗？谢谢

— Chris22

1

自定义样式表已从Chromium中删除：codereview.chromium.org/66383005。如果您想自定义主题，请尝试使用Chrome devtools扩展程序：github.com/mauricecruz/zero-base-themes

— Dio Phung

21

开启浏览器
打开控制台。
按Ctrl+。

希望对您有帮助

— 塞尔吉·坦琴科（Sergii Tanchenko）
source

您能详细说明一下吗？就目前而言，这并不是一个明确的答案。

— Paul Turner 2013年

确实比选择作为该问题的答案更简单。

— Selvatico 2014年

对于Mac用户： ⌘-和⌘+

— jherax 2015年

1

这也具有缩放所有其他UI元素并有效减少总可用读取空间的不良副作用。

— Aditya MP

11

如果您使用的是Mac，并且正在使用日语键盘，并且想要临时缩放控制台，则快捷方式是：

放大： ⌘ ^

缩小： ⌘ -

重设缩放： ⌘ 0

其他应用程序正在+用于放大，但是由于在日文键盘上加号位于第二级，因此只能通过shift才能使用。所以：⌘ ⇧ +

那变得奇怪了，因为对Chrome ⌘ ⇧ +来说显然意味着“缩放内容”。如果您在Javascript控制台中，请执行⌘ ⇧ +，将窗口的内容区域放大。但是执行“缩小” ⌘ -会将焦点移回控制台并进行缩放。结果：内容变大，控制台变小。Aaarggghhh。

— 颤抖
source

拯救了我的一天！天哪，我讨厌日语键盘

— TanC 2015年

9

Windows 7，谷歌浏览器19.0.1084.46 m

修改“ User StyleSheets / Custom.css”的方法对我不起作用，但Ctrl +“ +”起作用:-)

— 阿尔韦戈
source

我不知道为什么我没有尝试这个。...der ...谢谢...虽然想更改字体...

— PhiloSurfer 2012年

8

这是过时的-请参阅@TinyJaguar的答案。现在，如果您在开发人员控制台中选择了某些内容，则只需使用Command- +。

如果要在Javascript控制台中增加字体大小，则需要一些特定的字体大小。这不仅仅是设置源字体大小，还有些棘手：

.source-code {
    font-size: 16px !important;
    font-family: monospace;
}

.console-prompt {
    font-size: 16px !important;
    font-family: monospace;
}

.console-message-text {
    font-size: 16px !important;
    font-family: monospace;
}

.monospace {
    font-size: 16px !important;
    font-family: monospace;
}

#elements-content {
  font-size: 16px !important;
}

— 詹姆斯·摩尔
source

2

这可行。OP选择的答案中的CSS没有（至少是）。

— 克里斯·雷德福德

你会把这个CSS放在哪里？

— 盖尔2014年

@ChrisRedford是的，这段代码在哪里？我没有C:\Users\c22\AppData\Local\Google\Chrome\User Data\Default\User Stylesheet\Custom.css文件在Windows 8

— Chris22

@ Chris22对不起，这是我差不多一年前遇到的一个问题。我不记得所涉及的文件，也不再与Web浏览器紧密合作。

— 克里斯·雷德福德

@ChrisRedford好，谢谢您的回复。我将使用ctrl +/-的快速修复。我想，Chrome使得很难找到要编辑的CSS文件。

— 克里斯22年

6

我创建了一个小插件，为Chrome开发者工具提供了集合编辑器设置，包括能够逐步控制字体大小。

从Chrome网上应用店安装DevTools Author Chrome扩展程序
在chrome：// flags /＃enable-devtools-experiments中启用开发人员工具实验。重新启动Chrome，以使标志生效。
打开DevTools（cmd + opt + I）; 设置>实验>选中允许自定义用户界面主题。

这会在Chrome开发者工具中添加一个“作者设置”面板，您可以在其中逐个控制字体大小（从10px-22px）

— 嘲笑
source

6

如果您像我一样，CMD+ +不适用于您，因为它会将您切换到第一个选项卡（即使您已Enable ⌘ + 1-9 shortcut to switch panels关闭）。

好吧，在这种情况下，请打开开发工具，Undock into separate window然后View --> Zoom in在Chrome菜单栏中使用。瞧！

一旦将Dev Tools停靠在浏览器窗口中，View --> Zoom in实际上会增加浏览器窗口中的字体大小，但是只要取消停靠Dev Tools，它就会以停靠的Dev Tools为目标。

— 兔八哥
source

1

你救了我的眼睛。

— 文森特·坎廷

很高兴我能帮助你！

— Bugs Bunny，

4

注意：必须在DevTools中打开“元素”选项卡，才能使用“ Ctrl +/-”调整字体大小。由于某些原因，它无法在其他选项卡中完成。

在较新版本的Chrome中，您可以轻松地在Developer Tools中更改字体的字体大小。

打开开发人员工具
单击源代码中的任何行
按Ctrl + +增大字体大小或按Ctrl +-减小字体大小

— 小捷豹
source

它是预定义的缩放。如何设置自定义缩放？

— 格林

3

我知道这已经很老了，但是我发现的简单解决方案是增加min. font size设置，这将解决chrome调试器中的字体大小。

— javanoob
source

3

永久更改Chrome Dev工具中字体大小的另一种快速方法：Settings-> Show Advanced Settings-> Web Content：更改页面缩放百分比。

更改字体大小

结果如下： http : //i.imgur.com/Puzduo9.png 按大小比较

— 迪翁
source

它会影响整个系统的Chrome还是仅影响DevTools？

— 2016年

它更改了Chrome系统范围内的字体大小。

— Dio Phung

1

如果您使用的是较新的MacBook Pro 2017，则只需按一下命令=> shift => +或-。

— 巴勃罗
source

1

在MacO上，如果您的密钥0或+或-位于第二级，⌘ ⇧ +则无法输入。在这种情况下，您需要使用capslock ⇪，然后可以键入⌘ +和⌘ 0

— 沙古
source

1

如果您使用的是笔记本电脑，则只需使用笔记本电脑触控板即可。

用一根手指（不要松开）点击触摸板，然后用另一根手指向上或向下滚动以增加或减小字体大小。

只要确保“开发工具”面板处于焦点位置即可。在我的HP Pavilion Windows 8上进行了测试和工作。

— 拔掉
source

0

 you can press Ctrl + / - to zoom and Ctrl 0

— 秘密的巴德
source