フォントサイズを大きくするchromeコンソール


回答:


194

すばやく一時的なサイズのバンプが必要な場合は、Ctrl +/ -を押してズームおよびCtrl 0リセットできます。


2
私が眼鏡を紛失したときのために素晴らしい:P
StackExchange What The Heck

3
これがWebページとは関係なくコンソールで機能することを知りませんでした。
ナイスワン

3
Macユーザーの場合:⌘+⌘-
jherax

2
これを投稿した主に感謝します。誤ってキーを押してこのサイズを増やしたところ、この投稿を偶然見つけてしまうまで、キーを元に戻す方法が見つかりませんでした。
Volomike 2016

1
どうもありがとう。Microsoft Edgeコンソールでも機能します。
Banketeshvar Narayan

25

これは、この件に関するかなり最近のブログ投稿です。

基本的に、ユーザーディレクトリで次のようにオーバーライド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;
}

甘い、これは幸せになります。
amosrivera 2011

4
ちなみに、これは私の知る限り、コンソールのフォントサイズについては何もしません。これはソースコードペインのようなものに最適ですが、コンソール自体には、ここでのフォントサイズ設定をオーバーライドする多くの事柄に対して非常に特定の設定があるようです。
James Moore

1
@Boris Smus Windows 8ラップトップのディレクトリにUser StyleSheets/Custom.cssフォルダー/ファイルがありませんC:\Users\c22\AppData\Local\Google\Chrome\User Data\Default。そして、Defaultディレクトリ内のすべてのフォルダとファイルをチェックしました。この質問は1年以上前custom.cssですが、Chrome 37.0.xでファイルがどこにあるかを見つけた人はいますか?ありがとう
Chris22

1
カスタムスタイルシートがChromiumから削除されました:codereview.chromium.org/66383005。テーマをカスタマイズしたい場合は、Chrome devtools拡張機能を使用してみてください:github.com/mauricecruz/zero-base-themes
Dio Phung

21
  1. ブラウザを開く
  2. コンソールを開きます。
  3. を押しCtrl+ます。

お役に立てば幸いです


これについて詳しく説明してもらえますか?現状では、それは本当に明確な答えではありません。
Paul Turner、

これは、この質問の回答として選択された方法よりも本当に簡単な方法です。
Selvatico 2014

Macユーザーの場合: ⌘-および⌘+
jherax

1
これには、他のすべてのUI要素もズームするという望ましくない副作用があり、使用可能な読み取りスペースの合計が効果的に減少します。
Aditya MP

11

Macを使用していて、日本語キーボードを使用していて、コンソールを一時的にズームしたい場合のショートカットは次のとおりです。

ズームイン: ^

ズームアウトする: -

ズームをリセット: 0

他のアプリケーションは+ズームインに使用していますが、日本語のキーボードではプラス記号が第2レベルにあるため、シフトを使用しないとアクセスできません。そう: +

Chromeに +とって「ズームコンテンツ」を意味するので、奇妙なことです。JavaScriptコンソールで作業している +場合は、ウィンドウのコンテンツ領域がズームインされます。ただし、ズームアウトを実行 -すると、フォーカスがコンソールに戻り、ズームアウトします。結果:コンテンツは大きくなり、コンソールは小さくなります。Aaarggghhh


私の日を救った!日本のキーボードを嫌う方法
TanC

9

Windows 7、Google Chrome 19.0.1084.46 m

"User StyleSheets / Custom.css"を変更する方法は私には機能しませんでしたが、Ctrl + "+"は機能しました:-)


なぜこれを試さなかったのかわかりません...…感謝...フォントを変更したいのですが…
PhiloSurfer

8

これは廃止されました-@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;
}

2
これは機能します。OPが選択した回答のCSSは(少なくとも、少なくとも)ありません。
Chris Redford

あなたはこのCSSをどこに置きますか?
gerl 2014

@ChrisRedfordはい、このコードはどこに行きますか?C:\Users\c22\AppData\Local\Google\Chrome\User Data\Default\User Stylesheet\Custom.cssWindows 8にはファイルがありません
Chris22

@ Chris22申し訳ありませんが、これは私がほぼ1年前に抱えていた問題です。どのファイルが関係していたのか覚えていません。また、Webブラウザーと密接に開発していません。
フォード

@ChrisRedfordわかりました。返信ありがとうございます。Ctrl +/-のクイックフィックスを使用します。Chromeでは、意図的に編集するCSSファイルを見つけるのが非常に困難になっていると思います。
Chris22、2014

6

フォントサイズを段階的に制御する機能など、 Chromeデベロッパーツールのコレクションエディター設定を提供する小さなプラグインを作成しました。

  1. ChromeウェブストアからDevTools Author Chrome拡張機能をインストールします
  2. chrome:// flags /#enable-devtools-experimentsでデベロッパーツールの実験を有効にします。フラグを有効にするためにChromeを再起動します。
  3. DevToolsを開きます(cmd + opt + I); [設定]> [実験]> [カスタムUIテーマを許可]をオンにします。

これにより、「作成者設定」パネルがChromeデベロッパーツールに追加され、フォントサイズを10ピクセルから22ピクセルまで段階的に制御できます


6

あなたが私のような人なら、代わりに最初のタブに切り替わるので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がターゲットになります。


1
あなたは私の目を救った。
Vincent Cantin 2018年

お役に立てて嬉しいです!
Bugs Bunny

4

注:「Ctrl +/-」を使用してフォントサイズを調整するには、DevToolsから[要素]タブを開いておく必要があります。何らかの理由で、他のタブでは実行できません。

新しいバージョンのChromeでは、デベロッパーツールでフォントのフォントサイズを簡単に変更できます。

  1. オープン開発者ツール
  2. ソースコードの任意の行をクリックします ソースコードのランダムな線をクリックする
  3. Ctrl + +を押してフォントサイズを大きくするか、Ctrl +-を押してフォントサイズを小さくします 必要なキーの組み合わせを押してフォントサイズを拡大または縮小する

事前定義されたズームです。カスタムズームを設定してみませんか?
グリーン

3

私はこれがかなり古いことを知っていますが、私が見つけた簡単な解決策min. font sizeは設定を増やすことであり、それはクロムデバッガのフォントサイズを処理します。


3

Chrome Devツールでフォントサイズを永続的に変更する別の簡単な方法:Settings-> Show Advanced Settings-> Web Content:ページズームの割合を変更します。

文字の大きさを変える

結果は次のとおりです 。http //i.imgur.com/Puzduo9.png サイズ比較によるサイズ


システム全体に影響しますか、それともDevToolsのみに影響しますか?
グリーン

Chromeシステム全体のフォントサイズが変更されました。
Dio Phung、2016年

1

新しいMacBook pro 2017を使用している場合は、コマンド=> shift => +または-を一度に押すだけで使用できます。


1

MacOsでは、キー0または+または-が第2レベルにある場合、タイピング +は機能しません。こうしたAのケースでは、CapsLockキーを使用する必要があり、その後、次のように入力することができます +し、 0


1

ラップトップを使用している場合は、ラップトップのトラックパッドだけでそれを行うことができます。

1本の指でトラックパッドをタップし(まだ離さないでください)、別の指で上下にスクロールして、フォントサイズを増減します。

開発ツールパネルがフォーカスされていることを確認してください。私のHPパビリオン、Windows 8でテストされ、動作しています。


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.