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|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|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|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|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|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

调试器

Windows

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

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

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 11

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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