Win10ラボ | Windows10の使い方と情報サイト

Windows10の使い方やカスタマイズなどの情報サイトです。

*

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

   

edge-phone

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

edge-phone2

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

edge-phone3

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

edge-phone4

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

edge-phone5

 - Edgeブラウザ

スポンサーリンク

336

336

Message

メールアドレスが公開されることはありません。

  おすすめトピックス

  関連記事

黒いEdgeブラウザ
Windows10のブラウザEdgeの外観を黒くする

Windows10より新しく搭載されたマイクロソフト謹製のブラウザ「Edge」は …

ブラウザEdgeから規定のブラウザを変更する方法

Windows10 から新しく搭載されたブラウザ Edge は従来の Inter …

Edgeブラウザで間違って閉じてしまったタブを再度開く方法

タブブラウザは一つのウィンドウで複数のウェブサイトを開く事が出来て便利ですよね。 …

Chromeのお気に入り(ブックマーク)をEdgeにインポートする方法

Windows10 の新しいブラウザ Microsoft Edge は初期状態で …

しおり
ブラウザEdgeでサイトをお気に入り(ブックマーク)に追加する方法

Windows10 から新しく追加される新ブラウザ Edge でサイトをお気に入 …

Edgeで保存した一部サイトのパスワードを削除する方法

Windows10 のブラウザ Edge では他ブラウザと同様にパスワードを保存 …

ブラウザEdgeでデフォルトのダウンロード先を選ぶ設定方法

Windows10から標準搭載されているブラウザ Edge で何かをダウンロード …

お気に入り消す
ブラウザEdgeでお気に入り(ブックマーク)を削除する方法

よく見るサイトやお気に入りのサイトをブックマークする事はよくあると思います。Wi …

Edgeブラウザでタスクバーにブックマークを登録する

この機能は10月17日公開予定の fall creators Update より …

Edgeの既定の検索エンジンをGoogleに変更する

Windows10 から新規に追加されたブラウザ Edge でも、アドレスバー( …