Where is the new Emulation tab in Chromes console

Question

I frequently use the overrides tab in Chrome Developer tools to emulate other device such IPhone and IPad, but after upgrading to last version (32.0.1700.76 m) everything in the overrides tab is gone and replaced by a checkbox saying "Show 'Emulation' view in console drawer".

Checking this checkbox does not enable a 'Emulation' view in the Console drawer. The "Show Console" button seems to be disabled.

Answer 1

Sweet... This behaviour (running device emulation and debug mode) works in Chromium on Linux Ubuntu by hitting F12 and then the drawer icon. :)

More info: Some more info, including screenshots

Answer 2

I seem to have solved it. When I upgraded to Chrome Canary (Version 34.0.1789.0 canary) the problem was solved.

http://www.google.co.uk/intl/en/chrome/browser/canary.html

Answer 3

See here for more information.

Before starting open the dev tools console (on a Mac cmd-option-i)

1. Open the Settings panel within the dev tools console (click gear icon on right side)
2. Check "Show 'Emulation' view in console drawer (looks like you have already done this step) and close screen
3. Switch to the sources tab of the dev tools console
4. Press Esc to bring up a screen that slides in from the bottom
5. Select the Emulation tab on that second screen

There is also a note in the link above stating:

Note: Emulation tools within DevTools were previously contained within an Overrides pane inside the Settings panel. The Emulation panel is the new Overrides pane.

Answer 4

I'm running Google Chrome version 58.0.3029.110, where the Emulation is no longer available, but all of the features are still available:

Device & Screen

Press Ctl + shift + m or click on Toggle device toolbar, you'll find these in the upper middle of your browser tab. (You'll find more options in the More option section.)

User Agent & Sensors

User Agent is now renamed as Network Conditions and can be found in the Customise and control DevTools > More tools > Network conditions. Sensors can also be found in the same location (ie. Customise and control DevTools > More tools > Sensors).

Answer 5

"Show Emulation view in console drawer" message confusing.

Generally our chrome dev tool bar tab selected as a console tab or we try to find out in console tab.

Problem is , Console drawer will not opened when your console tab selected.

Answer 6

I run into this problem, and it took me a while to figure it out, despite the answers here. I am on Version 37.0.2062.103 m. First, in this version, there is no Override pane, neither "Show 'Emulation' view in console drawer either. It is turned on by default (I guess), but a little bit hidden. The key is to first press ESC key in dev mode (now I'm not sure if it's on by default). You should see a pane with 4 "tabs" including "Emulation" at the bottom. I quoted tabs because it appeared more like a status bar to me and I keep clicking it and nothing happens, until I accidentally resized the pane.