Google Chrome for DesktopでWebページのモバイル版を見るには？

Question

2017-05-31 21:43:11 +0000 2017-05-31 21:43:11 +0000

30

Google Chrome for DesktopでWebサイトのモバイル版をテストしたいのですが、どうすればいいのでしょうか？

通常はURLの前にm.を付けることでモバイルサイトを読み込むことができるのですが、 m.superuser.com や m.github.com を読み込もうとすると「Site cannot be reach」というエラーが出るだけです。

**Chrome for Desktopでモバイル版のWebサイトをテストしたいのですが、どうすればいいですか？

ソース

Stevoisiak http://superuser.stackexchange.com/users/358766

回答 (1)

16

1

18

10

11

Stevoisiak http://superuser.stackexchange.com/users/358766 · Accepted Answer · 2017-05-31 21:43:11 +0000

Google Chrome の開発者ツールを使用して、ウェブサイトのモバイル版を要求することができます:

F12でChromeの開発者ツールを開きます。デバイスモードのオン/オフを切り替えるには、「デバイスツールバーの切り替え」ボタンをクリックします。(デバイスモードがオンの時はアイコンが青くなります)
(オプション) 「Viewport controls」でシミュレーションしたいモバイルデバイスを選択します。デバイスモードを有効にしてウェブページをリフレッシュし、モバイル版を読み込めるようにします。