Google Chrome for DesktopでWebページのモバイルバージョンを表示するにはどうすればよいですか？

29

デスクトップ向けGoogle Chromeを使用して、モバイルバージョンのウェブサイトをテストしたい。

通常、私は前に置くことにより、モバイルサイトをロードすることができるよm.URLの前に、しかし、負荷にしようm.superuser.comかm.github.com「の結果だけのサイトに到達することはできません」というエラー。

Chrome for DesktopでWebサイトのモバイルバージョンをテストするにはどうすればよいですか？

google-chrome  mobile-url 
— ステボイシアック
ソース
2
ページの下部にある「モバイル」リンクをクリックすると、うまくいきます。
— DavidPostill
1
すでに質問と回答があります; p
— DavidPostill
3
@DavidPostill デスクトップブラウザのモバイルバージョンでStack Exchangeを実行する方法を尋ねるメタ質問にリンクしています。私は、OPがそのような方法でWebサイトを実行する方法を尋ねていることを確信しています。これは、まったく異なる2つのケースです。
— trejder

回答:

41

Google Chromeのデベロッパーツールを使用して、ウェブサイトのモバイルバージョンをリクエストできます。

  1. でChromeのデベロッパーツールを開きますF12。

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

    デバイスモードを有効にする

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

    ビューポートコントロール

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

    スーパーユーザーのモバイルサイトの表示

ソース

— ステボイシアック
ソース
@ steven-m-vascellaro何らかの理由で、responsiveドロップダウンが私のクロムに表示されません...何かアイデアはありますか？
— unknownerror
@vardin-レスポンシブドロップダウンを表示するには、最初のスクリーンショットの巨大な赤い矢印で示されているボタンをクリックする必要があります。
— アンドリューヒル
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.