web-dev-qa-db-ja.com

Google Chrome for Desktopでモバイル版のウェブページを表示するにはどうすればよいですか。

Google Chrome for Desktopを使用して、モバイル版のWebサイトをテストしたいです。

通常、URLの前にm.を付けることでモバイルサイトをロードできますが、 m.superuser.com または m.github.com は「サイトにアクセスできません」というエラーになります。

Chrome for Desktopでモバイル版のウェブサイトをテストするにはどうすればよいですか?

22

Google Chromeの開発者ツールを使用して、モバイル版のWebサイトをリクエストできます。


  1. でChromeの開発者ツールを開きます F12
  2. [デバイスツールバーの切り替え]ボタンをクリックして、デバイスモードをオンまたはオフにします。 (デバイスモードがオンの場合、アイコンは青色です)。

    Enabling device mode

  3. (オプション) 'ビューポートコントロール'でシミュレートするモバイルデバイスを選択します。

    Viewport controls

  4. モバイル版をロードできるようにするには、デバイスモードを有効にしてWebページを更新します。

    Viewing mobile site for Super User

出典

32