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?
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.
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.
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.
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With