レスポンシブなデザインを作成していて、ちょこっと動作を確認したいという時のメモ。

Google Chromeならその場でスマホ表示に切り替えられますよ。

設定→その他のツール→デベロッパーツール

の順に選択していくと下にコンソールが表示されるので、携帯デバイスのアイコンをクリックする。

google chrome developper tool

するとスマホのディスプレイがエミュレートされるのです!

google chrome developper tool

上のドロップダウンでデバイスまで幅広く選択できちゃう。これは便利。

google chrome developper tool

いつもシェアありがとうございます!気に入ったらシェアしていただけたら幸いです。