增加字体大小 chrome 控制台答案

【问题标题】：Increase font size chrome console增加字体大小 chrome 控制台
【发布时间】：2011-11-28 15:18:12
【问题描述】：

如何增加 chrome 控制台中的字体大小？

看来 Paul Irish 做到了：

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

更新

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

【问题讨论】：

标签： google-chrome console

【解决方案1】：

如果您只需要一个快速的临时尺寸提升，您可以按 Ctrl + / - 进行缩放和 Ctrl kbd> 0 重置。

【讨论】：

当我失去眼镜时太棒了：P
我不知道这会在独立于网页的控制台中工作。不错的...
对于 mac 用户：⌘+ 和 ⌘-
感谢大神发帖。我不小心按了一个键并增加了这个大小，然后直到我偶然发现了这篇文章，才发现没有办法把它找回来。
非常感谢。它也适用于 Microsoft Edge 控制台。

【解决方案2】：

这是关于该主题的最新blog post。

基本上，在您的user directory 中覆盖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 我的 Windows 8 笔记本电脑上的 C:\Users\c22\AppData\Local\Google\Chrome\User Data\Default 目录中没有 User StyleSheets/Custom.css 文件夹/文件。我检查了Default 目录中的所有文件夹和文件。这个问题是一年多以前的事了，有没有人在 Chrome 37.0.x 中找到 custom.css 文件的位置？谢谢
自定义样式表已从 Chromium 中删除：codereview.chromium.org/66383005。如果您想自定义主题，请尝试使用 Chrome devtools 扩展：github.com/mauricecruz/zero-base-themes

【解决方案3】：

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

希望对你有帮助

【讨论】：

您能详细说明一下吗？就目前而言，这并不是一个明确的答案。
这确实比选择作为这个问题的答案更简单。
对于 mac 用户：⌘- 和 ⌘+
这具有缩放所有其他 UI 元素以及有效减少总可用阅读空间的不良副作用。

【解决方案4】：

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

放大：⌘ ^

缩小：⌘ -

重置缩放：⌘ 0

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

这很奇怪，因为对于 Chrome ⌘ ⇧ + 显然意味着“缩放内容”。如果您在 Javascript 控制台中，并且执行 ⌘ ⇧ +，窗口的内容区域会放大。但是执行缩小 ⌘ - 将焦点移回控制台并将其缩小。结果：内容越来越大，控制台越来越小。 啊啊啊啊.

【讨论】：

拯救了我的一天！天哪，我多么讨厌日本键盘

【解决方案5】：

Windows 7、谷歌浏览器 19.0.1084.46 m

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

【讨论】：

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

【解决方案6】：

这已过时 - 请参阅 @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;
}

【讨论】：

这行得通。 OP-selected 答案中的 CSS 不再（至少）。
你会把这个css放在哪里？
@ChrisRedford 是的，这段代码在哪里？我在 Windows 8 中没有 C:\Users\c22\AppData\Local\Google\Chrome\User Data\Default\User Stylesheet\Custom.css 文件。
@Chris22 抱歉，这是我差不多一年前遇到的问题。我不记得涉及哪些文件，并且我不再与网络浏览器密切合作。
@ChrisRedford 好的，感谢您的回复。我将使用 ctrl +/- 的快速修复。我想，Chrome 很难找到要编辑的 CSS 文件。

【解决方案7】：

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

从 Chrome 网上应用店安装 DevTools Author Chrome extension
在 chrome://flags/#enable-devtools-experiments 中启用开发者工具实验。重新启动 Chrome 以获取标志生效。
打开 DevTools (cmd + opt + I);设置 > 实验 > 选中允许自定义 UI 主题。

这将在 Chrome 开发者工具中添加一个“作者设置”面板，您可以在其中逐步控制字体大小，从 10 像素到 22 像素

【讨论】：

【解决方案8】：

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

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

一旦您将开发工具停靠回浏览器窗口，View --> Zoom in 实际上会增加浏览器窗口中的字体大小，但只要取消停靠开发工具，它就会针对取消停靠的开发工具。

【讨论】：

你救了我的眼睛。
很高兴能帮上忙！

【解决方案9】：

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

在较新版本的 Chrome 中，您可以在开发者工具中轻松更改字体的字体大小。

打开开发者工具
点击源代码中的任意一行
按 Ctrl + + 增大字体大小或按 Ctrl + - 减小字体大小

【讨论】：

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

【解决方案10】：

我知道这已经过时了，但我找到的简单解决方案是在设置中增加 min. font size，这将处理 chrome 调试器中的字体大小。

【讨论】：

【解决方案11】：

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

结果如下： http://i.imgur.com/Puzduo9.png

【讨论】：

它会影响 Chrome 系统范围还是仅影响 DevTools？
它改变了 Chrome 系统范围的字体大小。

【解决方案12】：

在 MacO 上，如果您的键 0 或 + 或 - 位于第二级，请键入 ⌘ ⇧ + 不起作用。在这种情况下，您需要使用 capslock ⇪，然后您可以键入 ⌘ + 和 ⌘ 0

【讨论】：

【解决方案13】：

如果您使用的是更新的 MacBook Pro 2017，您可以简单地使用命令 => shift => + 或 - 一次全部按下。

【讨论】：

【解决方案14】：

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

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

只要确保开发工具面板处于焦点位置即可。在我的 HP Pavilion Windows 8 上测试并运行。

【讨论】：

【解决方案15】：

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

【讨论】：

【解决方案16】：

按 ctrl 并悬停鼠标滚轮

【讨论】：