How can I view the mobile version of a webpage in Google Chrome for Desktop?

30

5

I want to test the mobile version of a website using Google Chrome for Desktop.

Usually I'm able to load mobile sites by prefixing m. before the URL, but trying to load m.superuser.com or m.github.com just results in a "Site cannot be reached" error.

How can I test the mobile version of a website in Chrome for Desktop?

Stevoisiak

Posted 2017-05-31T21:43:11.883

Reputation: 8 152

2Clicking the "mobile" link at the bottom of any page works fine for me. – DavidPostill – 2017-05-31T21:57:44.130

1

It's already been asked and answered ;p

– DavidPostill – 2017-05-31T22:31:16.530

3@DavidPostill You're linking to a meta question which asks about how to run Stack Exchange in mobile version on desktop browser. I am pretty much sure that OP is asking how to run any website in that way. That are pretty much two completely different cases. – trejder – 2018-10-02T07:19:16.197

Answers

43

You can use Google Chrome's developer tools to request the mobile version of a website:


  1. Open Chrome's developer tools with F12.
  2. Click the 'Toggle device toolbar' button to turn Device Mode on or off. (Icon is blue when Device Mode is on).

    Enabling device mode

  3. (Optional) Select which mobile device you want to simulate with the 'Viewport controls'.

    Viewport controls

  4. Refresh the webpage with device mode enabled to allow the mobile version to load.

    Viewing mobile site for Super User

Sources

Stevoisiak

Posted 2017-05-31T21:43:11.883

Reputation: 8 152

@steven-m-vascellaro for some reason the responsive dropdown is not visible in my chrome...any idea? – unknownerror – 2019-02-14T08:34:28.970

@vardin - you need to click the button indicated by the giant red arrow in the first screenshot to get the responsive dropdown to appear. – Andrew Hill – 2019-06-21T13:41:02.690