增加字体大小铬控制台

如何增加字体大小在铬控制台?

似乎是保罗 · 爱尔兰干的:

enter image description here

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

UPDATE

这里有一些关于如何定制主题的技巧: Https://plus.google.com/115133653231679625609/posts/uzf34wpjxsl

enter image description here

82765 次浏览

这是最近关于这个问题的 博客文章报告。

基本上,在 用户目录中覆盖 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;
}

Windows 7, Google Chrome 19.0.1084.46 m

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

如果你只是需要一个快速,临时的大小凸起,你可以按 Ctrl +/-缩放和 Ctrl 0重置。

这已经过时了——看@TinyJaguar 的回答。如果您已经在开发控制台中选择了一些内容,那么现在可以只使用 Command-+ 。

If you want to increase the font size in the Javascript console, you need some specific font sizes. It's a bit trickier than just setting the font size for source:

.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;
}

如果你使用的是 Mac 电脑,使用的是日文键盘,想暂时放大控制台,快捷方式如下:

放大: ^

放大: -

重置变焦: 0

Other Applications are using + for zooming in, but because on japanese keyboards the plus-sign is on the second level, it is only accessible with shift. So: +

这就奇怪了,因为对于 Chrome 来说, +显然意味着“缩放内容”。如果您在 Javascript 控制台中,并执行 +,则窗口的内容区域被放大。但是做一个放大 -移动焦点回到控制台和放大它。结果: 内容越来越大,控制台越来越小。.

  1. 打开浏览器
  2. 打开控制台。
  3. Ctrl+

我希望这能帮到你

我知道这是老的方式,但我发现的简单的解决方案是增加 min. font size在设置,这将照顾的字体大小在铬调试器。

注意: 在 DevTools 中,为了使用“ Ctrl +/-”来调整字体大小,必须打开 Elements Tab由于某些原因,它不能在其他选项卡中完成。

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

  1. 开放式开发工具
  2. Click on any line in source code Clicking random line on source code
  3. 按 Ctrl + + 增加字体大小或按 Ctrl +-减小字体大小 Pressing required key combinations to increase or decrease font size

另一个快速永久改变 Chrome Dev 工具中字体大小的方法是: Settings—— > Show Advanced Settings—— > Web Content: 改变页面缩放百分比。

Change font size

结果是这样的: http://i.imgur.com/puzduo9.png Size by size comparison

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

  1. 从 Chrome 网上商店安装 作者: Chrome 扩展
  2. 在 Chrome 中启用开发工具的实验://Flag/# able-devtools-實验 flags to take effect.
  3. 打开 DevTools (cmd + opt + I) ; 设置 > 实验 > 检查是否允许自定义 UI 主题。

这将添加一个“作者设置”面板到 Chrome 开发工具,在这里你可以增量控制字体大小,从10px-22px

如果你像我一样,CMD + +不适合你,因为它切换到第一个标签,而不是(即使你有 Enable ⌘ + 1-9 shortcut to switch panels关闭)。

那么,在这种情况下,打开开发工具,Undock into separate window,然后去为 View --> Zoom in在 Chrome 菜单栏。瞧!

一旦你将开发工具停靠在浏览器窗口中,View --> Zoom in实际上会增加浏览器窗口中的字体大小,但是只要开发工具没有停靠,它的目标就是没有停靠的开发工具。

如果您使用的是新款 MacBook pro 2017,您可以简单地使用 command = > shift = > + 或-all 同时按下。

在 MacOs 上,如果你的键 0+-在第二层,键入 +是不起作用的。在这种情况下,您需要使用 Capslock ,然后您可以键入 +0

如果你正在使用笔记本电脑,你可以只使用你的笔记本触摸板。

用一个手指在触摸板上轻敲(不要松开) ,然后用另一个手指向上或向下滚动来增大或减小字体大小。

只要确保开发工具面板是焦点。 在我的惠普展馆,Windows 8上进行测试和工作。

记者

  • CTRL + +缩放 进去
  • CTRL + -缩放 out
  • CTRL + 0重置为默认值

对于 Mac,将 CTRL替换为 CMD键(也称为 )。

press ctrl and hover your mouse wheel