How do I disable the Chrome DevTools device emulator?

Question

Since recent updates, Chrome DevTools now shows a useful device emulator:

Which is great, but I'm not emulating anything:

• All the options in Device are unticked
• All the options in Media are unticked
• All the options in Network are unselected
• All the options in Sensors are unticked

Clicking the 'reset' button also still shows the emulation bar.

How can I turn Chrome DevTools device emulator off when I am not using it?

Answer 1

DevTools Interface; Not preview Window

I use multiple screens and detach my console. Havel's is correct but it should be noted that when the console window is detached and on a different screen, the phone icon is unintuitively on the DevTools interface that wraps the console and not on the browser screen with the device toolbar.

Reading through the Comments on Havel's answer it still wasn't clear.

Answer 2

You can also use the keyboard shortcut.

OS	Shortcut
Windows	Shift + Enter or Ctrl + Shift + M
Mac	Cmd + Shift + M

Answer 3

Open Developer Tools and click the "phone" icon - upper left corner. This toggles the ruler on and off.