Chromeコンソールでフォントサイズを増やすにはどうすればよいですか?
ポール・アイリッシュはそれをしたようです:
http://www.youtube.com/watch?v=4mf_yNLlgic
更新
テーマをカスタマイズする方法のヒントをいくつか紹介します。https: //plus.google.com/115133653231679625609/posts/UZF34wPJXsL
Chromeコンソールでフォントサイズを増やすにはどうすればよいですか?
ポール・アイリッシュはそれをしたようです:
http://www.youtube.com/watch?v=4mf_yNLlgic
更新
テーマをカスタマイズする方法のヒントをいくつか紹介します。https: //plus.google.com/115133653231679625609/posts/UZF34wPJXsL
回答:
すばやく一時的なサイズのバンプが必要な場合は、Ctrl +/ -を押してズームおよびCtrl 0リセットできます。
これは、この件に関するかなり最近のブログ投稿です。
基本的に、ユーザーディレクトリで次のようにオーバーライド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;
}
User StyleSheets/Custom.css
フォルダー/ファイルがありませんC:\Users\c22\AppData\Local\Google\Chrome\User Data\Default
。そして、Default
ディレクトリ内のすべてのフォルダとファイルをチェックしました。この質問は1年以上前custom.css
ですが、Chrome 37.0.xでファイルがどこにあるかを見つけた人はいますか?ありがとう
お役に立てば幸いです
Macを使用していて、日本語キーボードを使用していて、コンソールを一時的にズームしたい場合のショートカットは次のとおりです。
ズームイン: ⌘ ^
ズームアウトする: ⌘ -
ズームをリセット: ⌘ 0
他のアプリケーションは+ズームインに使用していますが、日本語のキーボードではプラス記号が第2レベルにあるため、シフトを使用しないとアクセスできません。そう:⌘ ⇧ +
Chromeに⌘ ⇧ +とって「ズームコンテンツ」を意味するので、奇妙なことです。JavaScriptコンソールで作業している⌘ ⇧ +場合は、ウィンドウのコンテンツ領域がズームインされます。ただし、ズームアウトを実行⌘ -すると、フォーカスがコンソールに戻り、ズームアウトします。結果:コンテンツは大きくなり、コンソールは小さくなります。Aaarggghhh。
Windows 7、Google Chrome 19.0.1084.46 m
"User StyleSheets / Custom.css"を変更する方法は私には機能しませんでしたが、Ctrl + "+"は機能しました:-)
これは廃止されました-@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;
}
C:\Users\c22\AppData\Local\Google\Chrome\User Data\Default\User Stylesheet\Custom.css
Windows 8にはファイルがありません
フォントサイズを段階的に制御する機能など、 Chromeデベロッパーツールのコレクションエディター設定を提供する小さなプラグインを作成しました。
これにより、「作成者設定」パネルがChromeデベロッパーツールに追加され、フォントサイズを10ピクセルから22ピクセルまで段階的に制御できます
あなたが私のような人なら、代わりに最初のタブに切り替わるのでCMD+ +は機能しません(たとえEnable ⌘ + 1-9 shortcut to switch panels
無効にしても)。
その場合は、Dev Toolsを開いてUndock into separate window
からView --> Zoom in
、Chromeメニューバーに移動します。ほら!
Dev ToolsをブラウザウィンドウにドッキングView --> Zoom in
すると、実際にはブラウザウィンドウのフォントサイズが大きくなりますが、Dev Toolsがドッキングされていない限り、ドッキングされていないDev Toolsがターゲットになります。
Chrome Devツールでフォントサイズを永続的に変更する別の簡単な方法:Settings
-> Show Advanced Settings
-> Web Content
:ページズームの割合を変更します。
結果は次のとおりです 。http ://i.imgur.com/Puzduo9.png