blocks|key|3148461|text|这是一个关于这个主题的最近的blog+post。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3148462|基本上，使用如下内容覆盖user+directory中的Default/User+StyleSheets/Custom.css：|style|CODE|3148463|/*+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;
}|code-block|syntax|javascript|3148464|entityMap|0|LINK|mutability|MUTABLE|url|http://blog.dotsmart.net/2011/09/30/change-font-size-in-chrome-devtools/|1|https://chromium.googlesource.com/chromium/src/%2B/master/docs/user_data_dir.md^0|E|9|0|0|S|Z|C|E|1|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|6|7|10|8|@$A|11|B|12|F|G]]|9|@$A|13|B|14|1|15]]|C|$]]|$1|H|3|I|5|J|7|16|8|@]|9|@]|C|$K|L]]|$1|M|3|-4|5|6|7|17|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|V]]]]

Here's a pretty recent <a href="http://blog.dotsmart.net/2011/09/30/change-font-size-in-chrome-devtools/" rel="nofollow noreferrer">blog post</a> on the subject.

Basically, override <code>Default/User StyleSheets/Custom.css</code> in your <a href="https://chromium.googlesource.com/chromium/src/+/master/docs/user_data_dir.md" rel="nofollow noreferrer">user directory</a> with something like:

<pre><code>/* 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;
}
</code></pre>

blocks|key|250479|text|Windows+7，Google+Chrome+19.0.1084.46+m|type|unstyled|depth|inlineStyleRanges|entityRanges|data|250480|修改"User+StyleSheets/Custom.css“的方法对我不起作用，但Ctrl%2B"%2B”起作用了:-)|250481|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Windows 7, Google Chrome 19.0.1084.46 m

Method with modifying "User StyleSheets/Custom.css" not worked on me, but Ctrl+"+" worked :-)

blocks|key|254303|text|这已经过时了--请看@TinyJaguar的回答。如果您已经在开发人员控制台中选择了某些内容，则现在可以使用Command-%2B组合键。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|254304|如果要在Javascript控制台中增加字体大小，则需要一些特定的字体大小。这比仅仅为source设置字体大小要复杂一些：|254305|.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;
}|code-block|syntax|javascript|254306|entityMap^0|0|1V|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|S|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

THIS IS OBSOLETE - See @TinyJaguar's answer. You can now just use Command-+ if you've selected something in the developer console.

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:

<pre><code>.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;
}
</code></pre>

blocks|key|3148703|text|我知道这太老了，但我找到的简单解决方案是在设置中增加min.+font+size，这将照顾到chrome调试器中的字体大小。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3148704|entityMap^0|Q|E|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

I know this is way old, but the simple solution I found is to increase the <code>min. font size</code> in the settings and that will take care of the font size in chrome debugger.

blocks|key|255539|text|注意:在DevTools中，您必须打开元素选项卡，才能使用"Ctrl+%2B/-“调整字体大小。由于某些原因，它不能在其他选项卡中完成。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|255540|在较新版本的Chrome中，您可以在开发人员工具中轻松更改字体大小。|255541|255542|Open+Developer+Tools|ordered-list-item|255543|单击源代码中的任意行|255544|255545|📷|atomic|offset|length|255546|​|255547|255548|按Ctrl+%2B%2B增大字体大小，或按Ctrl+%2B-减小字体大小|255549|255550|255551|255552|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/3094a7395c990e526ad469f5aa5ae2d3.png|imageAlt|1|https://ask.qcloudimg.com/http-save/yehe-900000/c690ba49487eeae6b489ba58866cd7ff.png^0|0|0|0|0|0|0|0|1|0|0|0|0|0|0|0|1|1|0|0^^$0|@$1|2|3|4|5|6|7|18|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|19|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]|$1|E|3|F|5|G|7|1B|8|@]|9|@]|A|$]]|$1|H|3|I|5|G|7|1C|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|1E|8|@]|9|@$N|1F|O|1G|1|1H]]|A|$]]|$1|P|3|Q|5|6|7|1I|8|@]|9|@]|A|$]]|$1|R|3|-4|5|6|7|1J|8|@]|9|@]|A|$]]|$1|S|3|T|5|G|7|1K|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1L|8|@]|9|@]|A|$]]|$1|V|3|L|5|M|7|1M|8|@]|9|@$N|1N|O|1O|1|1P]]|A|$]]|$1|W|3|Q|5|6|7|1Q|8|@]|9|@]|A|$]]|$1|X|3|-4|5|6|7|1R|8|@]|9|@]|A|$]]]|Y|$Z|$5|10|11|12|A|$13|14|15|-4]]|16|$5|10|11|12|A|$13|17|15|-4]]]]

Of Note: From within DevTools, you must have the Elements Tab open in order to adjust font size by using "Ctrl +/-." For some reason it cannot be done in other tabs.

In the newer version of Chrome, you can easily change the font size of font in Developer Tools. 

<ol>
<li>Open Developer Tools</li>
<li>Click on any line in source code
<img src="https://i.stack.imgur.com/2SUTY.png" alt="Clicking random line on source code"></li>
<li>Press Ctrl + + to increase font size or Ctrl + - to decrease font size
<img src="https://i.stack.imgur.com/t9gE1.png" alt="Pressing required key combinations to increase or decrease font size"></li>
</ol>

blocks|key|2934382|text|另一种在Chrome+Dev工具中永久更改字体大小的快速方法：Settings-->+Show+Advanced+Settings+-->+Web+Content：更改页面缩放百分比。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2934383|​|2934384|📷|atomic|2934385|2934386|的结果如下：+http://i.imgur.com/Puzduo9.png|BOLD|2934387|2934388|entityMap|0|IMAGE|mutability|IMMUTABLE|imageUrl|https://ask.qcloudimg.com/http-save/yehe-900000/b186e72a9a1b60162a60c3977b621647.png|imageAlt|1|LINK|MUTABLE|url|https://ask.qcloudimg.com/http-save/yehe-900000/d07e2aae0fbfa51b78936e2cd7ba51df.png|2^0|V|8|17|M|1Y|B|0|0|0|1|0|0|0|0|6|7|U|1|0|0|1|2|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]|$9|17|A|18|B|C]|$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|1B|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|1C|8|@]|D|@$9|1D|A|1E|1|1F]]|E|$]]|$1|K|3|G|5|6|7|1G|8|@]|D|@]|E|$]]|$1|L|3|M|5|6|7|1H|8|@$9|1I|A|1J|B|N]]|D|@$9|1K|A|1L|1|1M]]|E|$]]|$1|O|3|I|5|J|7|1N|8|@]|D|@$9|1O|A|1P|1|1Q]]|E|$]]|$1|P|3|-4|5|6|7|1R|8|@]|D|@]|E|$]]]|Q|$R|$5|S|T|U|E|$V|W|X|-4]]|Y|$5|Z|T|10|E|$11|12]]|13|$5|S|T|U|E|$V|12|X|-4]]]]

Another quick way to change the font size in Chrome Dev tools permanently: <code>Settings</code>--> <code>Show Advanced Settings</code> --> <code>Web Content</code> : change the Page Zoom percentage.

<img src="https://i.stack.imgur.com/r9YR1.png" alt="Change font size">

Here is the result: <a href="https://i.imgur.com/Puzduo9.png" rel="nofollow noreferrer">http://i.imgur.com/Puzduo9.png</a>
<img src="https://i.imgur.com/Puzduo9.png" alt="Size by size comparison">

blocks|key|2934427|text|我已经创建了一个小插件，它为Chrome开发人员工具提供了一个集合编辑器设置，包括增量控制字体大小的能力。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2934428|2934429|从Chrome+Web+Store安装DevTools+Author+Chrome+extension+|ordered-list-item|2934430|启用开发人员工具实验位于chrome://flags/#enable-devtools-DevTools+Author+Chrome+extension。重新启动Chrome以使标志生效。|2934431|打开DevTools+(cmd+%2B+opt+%2B+I)；设置>实验>选中允许自定义UI主题。|2934432|2934433|这将增加一个‘作者设置’面板到Chrome开发者工具，在那里你可以逐渐控制字体大小，从10px到22px|2934434|entityMap|0|LINK|mutability|MUTABLE|url|https://chrome.google.com/webstore/detail/devtools-author/egfhcfdfnajldliefpdoaojgahefjhhi|1^0|Q|N|0|0|J|W|0|0|18|W|1|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Z|8|@$9|10|A|11|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|12|8|@]|D|@]|E|$]]|$1|G|3|H|5|I|7|13|8|@]|D|@$9|14|A|15|1|16]]|E|$]]|$1|J|3|K|5|I|7|17|8|@]|D|@$9|18|A|19|1|1A]]|E|$]]|$1|L|3|M|5|I|7|1B|8|@]|D|@]|E|$]]|$1|N|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]|$1|O|3|P|5|6|7|1D|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|1E|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]|Y|$5|T|U|V|E|$W|X]]]]

I've created a small plugin which provides a collection editor settings for Chrome Developer Tools, including the ability to incrementally control font size. 

<ol>
<li>Install <a href="https://chrome.google.com/webstore/detail/devtools-author/egfhcfdfnajldliefpdoaojgahefjhhi" rel="noreferrer">DevTools Author Chrome extension</a> from Chrome Web Store</li>
<li>Enable Developer Tools experiments in chrome://flags/#enable-devtools-experiments. Restart Chrome for
flags to take effect. </li>
<li>Open DevTools (cmd + opt + I); Settings > Experiments > check Allow custom UI themes.</li>
</ol>

This will add an 'Author Settings' panel to Chrome Developer Tools, where you can incrementally control font size, from 10px - 22px

blocks|key|252284|text|如果你使用的是较新的MacBook+pro+2017，你可以简单地使用命令=>+shift+=>+%2B或-+all一次按下。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|252285|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

If you're using a newer MacBook pro 2017, you can simply use command => shift => + or - all pressed at once.

blocks|key|250688|text|如果你使用的是笔记本电脑，你可以只用你的笔记本电脑触摸板。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|250689|用一根手指轻敲你的触控板(先不要松开)，然后用另一根手指向上或向下滚动，以增大或减小字体大小。|250690|只需确保开发工具面板处于焦点位置即可。在我的HP+Pavilion+Windows+8上进行了测试和工作。|250691|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|H|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|I|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|J|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|G|$]]

If you are using a laptop, you can do that with only your laptop trackpad. 

Tap on your trackpad with one finger(don't release yet) then scroll up or down with another finger to increase or decrease font size.

Just make sure the dev tools panel is on focus.
Tested and working on my HP Pavilion, Windows 8.

blocks|key|3148966|text|+you+can+press+Ctrl+%2B+/+-+to+zoom+and+Ctrl+0|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|3148967|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> you can press Ctrl + / - to zoom and Ctrl 0
</code></pre>

blocks|key|254499|text|按住ctrl键并将鼠标滚轮悬停|type|unstyled|depth|inlineStyleRanges|entityRanges|data|254500|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

press ctrl and hover your mouse wheel

How can i increase the font-size in the chrome console? 

It seems Paul Irish did it: 

<img src="https://i.stack.imgur.com/KoeTS.png" alt="enter image description here">

<a href="http://www.youtube.com/watch?v=4mf_yNLlgic" rel="noreferrer">http://www.youtube.com/watch?v=4mf_yNLlgic</a>

<blockquote>
 UPDATE
 
 Here are some tips on how customize the theme:
 <a href="https://plus.google.com/115133653231679625609/posts/UZF34wPJXsL" rel="noreferrer">https://plus.google.com/115133653231679625609/posts/UZF34wPJXsL</a>
 
 <img src="https://i.stack.imgur.com/6Ba1Y.jpg" alt="enter image description here">
</blockquote>

Increase font size chrome console

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

EdgeOne AI 安全实战专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

如何在chrome控制台中增加字体大小？看起来保罗·爱尔兰做到了：​​ 更新这里有一些关于如何定制主题的提示：

问增加字体大小chrome控制台
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问增加字体大小chrome控制台EN