Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

In Chrome, can I enter Device Mode directly, without DevTools?

Chrome's Device Mode is great for testing responsive layout, however, it seems that I can only enter it from the DevTools, unlike in Firefox where Ctrl+Shift+M takes me to responsive preview from the page directly.

Is there a secret shortcut / some extension for Chrome to enter the Device Mode directly?

like image 230
Borek Bernard Avatar asked Oct 01 '16 09:10

Borek Bernard


People also ask

What is device mode in Chrome?

Device Mode is the name for the loose collection of features in Chrome DevTools that help you simulate mobile devices. These features include: Simulating a mobile viewport. Throttling the network. Throttling the CPU.

How do I disable DevTools in Chrome?

Navigate to Device > Chrome > Settings. Scroll down to User Experience > Developer Tools. Select the "Never allow the use of built-in developer tools" option from the dropdown.

How do I turn off dev tools?

If the DevTools window is undocked in a separate window, Ctrl W will close it if it is the active window. You can use Ctrl Shift D to toggle between a docked and undocked DevTools window. So if the window is undocked, you can quickly press Ctrl Shift D , I to close it.


1 Answers

When Device Mode is open and focused Ctrl+Shift+M will toggle Device Mode. There is no way to open DM without opening DevTools first. Device Mode is a part of DevTools not an independent feature.

like image 114
Garbee Avatar answered Oct 17 '22 04:10

Garbee