161

In Google Chrome version 38+, there's a new black ruler with Device emulation options. Does anyone know how to disable this?

ruler and emulation options

Jeremy Moritz
  • 13,864
  • 7
  • 39
  • 43

2 Answers2

333

You can hide it by toggling the "Device Mode" button. I'm on Chrome 38 on OSX if that matters.

Note that the rulers will still show up if you need to do Device emulation.

enter image description here

This is from the Chrome Developer docs: https://developer.chrome.com/devtools/docs/device-mode

Windows: Ctrl + Shift + M

Mac: Cmd + Shift + M

jaredwilli
  • 11,762
  • 6
  • 42
  • 41
Gohn67
  • 10,608
  • 2
  • 29
  • 35
  • 13
    Can you emulate without this big fat black header? – ajbraus Nov 15 '14 at 23:43
  • Any way to spoof the user-agent without enabling all of the device emulation crap? – devios1 Nov 18 '14 at 01:03
  • 1
    @devios There is a Chrome add-on I use called "Agent Spoofer" that you could try out. – taylorpalmer Dec 09 '14 at 16:07
  • I turned this on completely by accident trying to switch profiles in Chrome. Looks like I had the wrong window focused. Why oh why would they reuse a shortcut between the browser and devtools? – rstackhouse Jan 27 '15 at 15:43
  • thanks. I got used to reopen the tab everytime until I saw this answer. A simple tiny close icon in the black ruler would also been suffice!! – Karthik Jun 05 '15 at 06:40
1

In version 44+:

In the main Dev tool window, click on the kebob menu and then Toggle device Toolbar.

Jaredcheeda
  • 1,657
  • 17
  • 15