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

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

*

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

   

edge-phone

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

edge-phone2

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

edge-phone3

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

edge-phone4

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

edge-phone5

 - Edgeブラウザ

Win10ラボで解決しない問題は…。

スポンサーリンク

336

336

Message

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

  おすすめトピックス

  関連記事

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

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

ブラウザEdgeで閲覧履歴やキャッシュを削除する方法

Windows10 から新しく追加される新ブラウザ Edge で閲覧履歴やキャッ …

inPrivateタブ
Edge終了後閲覧履歴やキャッシュを自動で削除する使い方

Windows10 で新しく搭載されたブラウザ Edge でブラウザを閉じたら自 …

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

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

Edgeブラウザで過去にダウンロードしたファイルを確認する方法

Windows10 のEdge ブラウザでも当然ファイルをダウンロードする事は可 …

Edgeブラウザでパスワードを保存しないようにする方法

どのブラウザでもそうですが、使う人の手間を省くための機能が備わっています。パスワ …

Windows10のEdgeブラウザでウェブサイトを印刷する方法

ビジネスに置いては意外とウェブサイトを印刷する機会というのは多かったりします。も …

Windows10共有アイコン
Windows10のEdgeで見ているサイトをTwitterで共有するには

インターネットを見ていて、これは役に立つ情報だとか、これは誰かに教えたい!という …

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

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

Windows10のEdgeブラウザでウェブページを拡大縮小する方法

ウェブページは誰でも見やすく作られている事が理想ですが、時には文字が小さすぎたり …