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

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?


Solution 1:

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

  • Google Developers - Simulate Mobile Devices with Device Mode
  • Google Developers - Test Responsive and Device-specific Viewports
  • Reddit - How do I force Chrome (desktop) to load the mobile version of a website instead of the desktop version?