google-chromegoogle-chrome-devtoolsrulers

Google Chrome Developer Tools - disable black emulation options ruler


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


Solution

  • 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