ChromeでPCからスマホサイトを表示

ChromeでPCからスマホサイトを表示する方法です。

環境

Windows 10
Chrome 61.0.3163.91

手順

Chromeでサイトを表示（今回はYahooで試してみました）

https://www.yahoo.co.jp/

F12キーを押してデベロッパーツールを起動

ツールバー左上のこのボタンを押します

サイトがスマホで表示されたように小さくなりますが、まだスマホのサイトは表示されません。

左上からデバイスを選択します。（今回はiPhone6を選択）

F5キーを押してページを更新するとスマホのサイトが表示されます。

以上です。

選択したHTML要素が画面上のどこか確認することができたりします。