【Chrome】Chromeでスマホ向けWEBページのデバッグを行う方法。

手順メモ。

1, 「F12」を押してデバッグコンソールを開く

2, デバッグコンソール画面右上の歯車アイコンをクリック

3, 「Override」のタブを開き、「Show ‘Emulation’ view in console drawer」にチェックを入れる

4, 設定画面を閉じ、「Console」以外のタブを表示した上で、「ESC」を押す

5, 出てきたウィンドウの「Emulation」タブをクリック

6, 「Device」からデバッグを行いたい機種を選択し、「Emulate」を押す

これだけでスマホでの擬似デバッグ作業が出来るようになる。

めっちゃ便利。