F.Ko-Jiの「一秒後は未来」

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

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

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

著者について

fkoji

F.Ko-Ji

Webエンジニアやってます。最近は ドットインストール の開発がお仕事です。その傍ら、個人で Meity電車遅延なう梅酒.in#グラドル自画撮り部 の部室といったネットサービスを開発・運営してます。梅酒と草野球とリアル脱出ゲームが好きです。

» 詳しいプロフィールや運営サービスの一覧など