google-chromegoogle-chrome-devtools

How do I disable the Chrome DevTools device emulator?


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

enter image description here

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

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?


Solution

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

    Toggle device toolbar screenshot