Chrome開発者ツールでスマホ画面を表示させる方法

Chrome

Chrome開発者ツールを使ってスマホ用画面やiPad用画面の確認することができます。

このページではChrome開発者ツールを使って各デバイスの画面を確認する方法を紹介していきます。

[スポンサーリンク]

スマフォ用画面の確認

開発者ツールを開いて、赤丸のスマフォアイコンをクリックするだけで色々なデバイスでの表示方法を確認することができます。
chrome-smartphone1

スマフォ画面用の画面へと変わります。こちらの画面へ切り替わったらF5を押して再読み込みしてください。
デバイスを変更したい場合は、画面左上の「Device」で選択して下さい。
chrome-smartphone2

さいごに

Chromeの開発者ツールはスマホ画面の確認も楽にすることができます。様々なデバイスで試すことができるので試してみてください。

少し画面が小さくて見辛いかもしれませんが、おおまかな動きと表示を確認するのには十分かと思います。
それでは!