【ブラウザ】ポップアップウインドウのスマホ画面エミュレート

Chrome等のブラウザには開発コンソールが付属していて、表示しているWebサイトのソースを見たりスマートフォン等のデバイス表示のエミュレーションができます。

基本「F12」を押すと開発コンソール画面が表示され、Chromeの場合下図のようなアイコンをクリックすることでiPhoneやiPad、Androidスマホの画面表示のエミュレーションができます。

しかし、ポップアップウインドウで開発コンソールを表示させるとなぜかエミュレーション画面が表示されないようです。下図の通り「画面切り替えメニュー」や「Dock side」メニューも見当たりません。

その場合はどうするかというと単純ですが、URLをコピーし、ブラウザ本体に貼り付けてアクセスしてから開発コンソール画面を表示すればOKです。

かなり単純な話でしたが、はじめどうすればよいか悩んでしまいました。