Chromeの開発者ツールで意図せず表示が拡大された場合の対処法:メモ

以前からたまに起こっていた問題の解決方がわかったのでメモとして。

原因はわからないままなのですが、とりあえず簡単に直せることがわかっただけでもよかったかなと。

なお、対象はMacのChromeとなります。

起こった問題

以下が起こった問題です。

1. Chromeの開発者ツールを開く
2. サイトを表示させる
3. モバイルの表示に切り替える
4. モバイルの表示枠内でサイトが拡大表示される
5. この状態でリロードなどの操作を行っても改善されない

いままでは毎回そのタブを閉じて開き直していました。非常にめんどくさい。

対処法

対処法は以下の通り。

• ⌘(command)+0でページ上のすべての要素をデフォルトのサイズに戻す

考えてみれば単純な話で、原因はどうあれ拡大されているのだから、⌘(command)+0などで拡大を解除すれば良いだけでした。

結び

意図しないフルスクリーン表示もそうですが、ボタンで明確に操作方が提示されていないと困ることは多くあります。

どこまで詳細に記載するのかなどで難しいのかもしれませんが、現在の状態を表示する、あるいは通常時とは違う部分だけを表示するウィンドウがあればなと思ってしまいます。