Corredor

ウェブ、プログラミングの勉強メモ。

Chrome でスマホ表示に切り替えるショートカットキー

グーグルクローム Google Chrome完全活用術 スマホ⇔PCで連携・共有できる爆速Webブラウザー

グーグルクローム Google Chrome完全活用術 スマホ⇔PCで連携・共有できる爆速Webブラウザー

Chrome の開発者ツールには、iPhone などのスマホでの表示を再現する「Device Mode」というものが搭載されている。機種に応じた表示サイズに切り替わり、その再現度も高いので、ウェブデザインの調整で役に立っている。

この Device Mode なのだが、これまでマウスでクリックしないとモード切り替えできないのかと思っていたけど、Mac なら Cmd + Shift + M、Windows なら Ctrl + Shift + M で切り替えられることを発見。これにより、以下の手順で爆速 Device Mode 切り替えができることが分かった。