chrome控制台增加字体大小


Increase font size chrome console

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

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

enter image description here

UPDATE

Here are some tips on how customize the theme:
https://plus.google.com/115133653231679625609/posts/UZF34wPJXsL

enter image description here

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

相关讨论

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/* 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;
}
相关讨论

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

    • 希望对您有帮助

    相关讨论

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

    放大：？ ^

    缩小：？ -

    重置缩放：？ 0

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

    奇怪的是，对于Chrome ？ ？ + 显然意味着"缩放内容"。如果您在Javascript控制台中，并且执行？ ？ + ，则放大窗口的内容区域。但是执行Zoom-out ？ -会将焦点移回控制台并对其进行缩放出来。结果：内容变大，控制台变小。 Aaarggghhh。

    相关讨论

    Windows 7，谷歌浏览器19.0.1084.46 m

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

    相关讨论

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

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

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    .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;
    }
    相关讨论

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

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

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

    相关讨论

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

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

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

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

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

  • 打开开发人员工具
  • 单击源代码中的任何行
    Clicking random line on source code
  • 按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

    相关讨论

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

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

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

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

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

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