Languages
[Edit]
EN

Google Chrome - view mobile version of website

0 points
Created by:
Abel-Burks
728

In this article, we would like to show you how to open a mobile view with DevTools in Google Chrome.

Quick solution:

Press F12, then Ctrl+Shift+M.

 

Detailed solution with examples

1. Open Developer tools, by clicking on the Customize & control button -> More tools -> Developer tools.

Note:

You can also do it by pressing the F12 key on the keyboard or using Ctrl+Shift+I shortcut.

Practical example:

Google Chrome - open developer tools
Google Chrome - open developer tools 

Result:

Google Chrome - developer tools
Google Chrome - developer tools

2. Click on the toggle device toolbar icon (or use Ctrl+Shift+M shortcut).

Google Chrome - toggle device toolbar
Google Chrome - toggle device toolbar

Alternative titles

  1. Google Chrome - DevTools mobile view
  2. Google Chrome - open mobile view
  3. Google Chrome - DevTools mobile view
  4. Google Chrome - toggle device toolbar
Donate to Dirask
Our content is created by volunteers - like Wikipedia. If you think, the things we do are good, donate us. Thanks!
Join to our subscribers to be up to date with content, news and offers.
Native Advertising
🚀
Get your tech brand or product in front of software developers.
For more information Contact us
Dirask - we help you to
solve coding problems.
Ask question.

❤️💻 🙂

Join