Chrome PCでモバイル版のWebサイトを表示する方法

所要時間:3分

デスクトップコンピュータを使用してモバイル版のウェブサイトを訪問するにはどうすればよいですか? 幸いなことに、Google Chromeでは、拡張機能やサードパーティ製のソフトウェアを必要とせずにモバイル版のwebサイトを表示できる機能が用意されています。 次のガイドをチェックしてください!

  1. ウェブサイトのページを右クリックし、”検査”を選択します。 また、CTRL+SHIFT+IまたはF12ショートカットを使用することもできます。

    Inspect-Chrome PCでモバイル版のウェブサイトを表示する方法1

  2. モバイルビューを有効にするには、デバイスのツールバーアイコンをクリックします。

    モバイルバー-Chrome PCでモバイル版のウェブサイトを表示する方法3

  3. 場合によっては、適切なモバイル版を取得するには、最初にページをリロード(CTRL+R)するのが最善です。

    refresh-Chrome PCでモバイル版のウェブサイトを表示する方法5

  4. これで、画面サイズを手動で調整するか、使用可能なデバイスの例を選択できます。

    デバイス画面-Chrome PCでモバイル版のウェブサイトを表示する方法7

  5. 完了したら、モバイルビューを無効にするか、単に検査ウィンドウを閉じることができます。

    要素の検査ウィンドウを閉じる-Chrome PCでモバイル版のウェブサイトを表示する方法9

    広告

ツール
  • Google Chrome
  • 要素の検査
資料
  • ウェブサイト

モバイルビューモードは永続的ではありません。 これは、Inspectウィンドウを実行しているときにのみ使用できます。 この特定のツールは、一般的にウェブサイトを開発するために開発者によって使用されます。

モバイル版を取得するもう一つの一般的な方法は、私がpcからInstagramに写真をアップロードする方法の記事で言及したuser-agent拡張機能を使用することです。 ChromeのInspectウィンドウでは利用できない可能性のあるモバイルサイトのエクスペリエンスをより深く理解すると便利です。

Leave a Reply