Edge

Edgeブラウザでサイトのスマートフォンでの表示も確認する方法

スポンサーリンク


edge-phone

パソコンでウェブサイトを見ながらスマートフォンの表示も確認するのは一般的には必要のない機能ですが、ウェブ制作者にとってはわざわざスマートフォンを取り出す必要もないので有用な機能です。Edge はウェブサイトを見ながらスマートフォンでの表示も確認する事ができます。

Chromium Edgeの場合

まずは、スマートフォンでの表示を確認したいウェブサイトを開きます。

ウェブサイトで右クリックし、メニューの中から「開発者ツールで調査する」を選択します。

すると開発者ツールが Edge の画面下か横に表示されます。ディスプレイとスマートフォンのアイコン(赤枠部)のボタンを押してください。

Edge でスマートフォン表示を確認する事ができます。

古いEdgeの場合

edge-phone2

まずは、スマートフォンでの表示を確認したいウェブサイトを開きます。

edge-phone3

ウェブサイトの適当な所で右クリックし、「要素の検査」を選択します。

Edge の画面下に開発者ツールが表示されます。そこで「エミュレーション」タブをクリックして、ブラウザープロファイルのドロップダウンメニューから「iPhone」などを選択します。これによりウェブサイトが再読み込みされ、パソコンでも Edge ブラウザでスマートフォンの表示を確認する事ができます。

edge-phone5

スポンサーリンク


関連トピックス


-Edge