ネットサービスとかGoogleとか豆知識とか。

Index > Google > Chrome DevTools のデバイスモードでスマートフォンを選択するには?
Google
2016年03月17日 21:20

Chrome DevTools のデバイスモードでスマートフォンを選択するには?

  • このエントリーをはてなブックマークに追加
  • ... PV
スポンサード リンク

Chrome を最新版にアップデートしたら、デベロッパーツールでスマートフォンなどの端末画面サイズをシミュレートできる機能の UI が変わっていて戸惑いました。特にこれまで画面上に存在していたデバイスの選択メニューがどこに行ってしまったのか。。

chrome-devtools-device-select-menu-01.jpg

画面上やら設定やらを数分さまよってようやく発見。

chrome-devtools-device-select-menu-02.jpg

↑この「Responsive ▼」ってところに隠れています。

この UI を見て改めて、「下三角形のところにメニューがある」というのは伝わりづらいんだなというのを感じました。

なお、新しい Chrome DevTools のヘルプは以下からたどれます。

chrome-devtools-device-select-menu-03.jpg

» Chrome DevTools | Web Tools - Google Developers