Chromeデベロッパーツールの文字サイズ拡大縮小・リセットする方法

Chrome 画像1

Chromeの文字サイズ拡大縮小のショートカットは、表示画面とデベロッパーツールとで多少異なる。また、操作は最後に触った方のエリア(表示画面 or デベロッパーツール)に適応される。

表示画面の文字サイズ拡大縮小

  • 拡大:command + shift + +
  • 縮小:command + -
  • リセット:command + 0

デベロッパーツールの文字サイズ拡大縮小

  • 拡大:command + ^
  • 縮小:command + -
  • リセット:command + 0

拡大はプラスじゃなくて右上の ~ キーだった。shift も使わない。なぜショートカットキーが異なるのかは分からないが、これを知らずハマっていた。

デベロッパーツールの文字サイズがおかしいのを直す

Chrome 画像2

表示画面を小さくしようとしたがデベロッパーツールの文字サイズだけ小さくなっていって、UIが潰れまくっている。こんな状況に落ち入ったら command + 0 を押す。

Chrome 画像3

めでたく元どおりに。いやはや、焦ってChromeを再インストールしようとまで思ったけれど、表示リセットできて良かった。