Where is the new Emulation tab in Chromes console drawer?

google-chrome google-chrome-devtools emulation
Mikael Engver picture Mikael Engver · Jan 17, 2014 · Viewed 70.5k times · Source

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.

The new Overides tab in the Settings Pane of Chrome Dev Tools Console Tab with no Emulation view

Answer

SnapShot picture SnapShot · Jan 17, 2014

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.

Related questions

Emulate an older version of chrome within the dev tools

I need to emulate an older version of chrome. I want to avoid the solution where I have to uninstall the current version and install the desired one each time I need to test my app. I came across this …

Read More
Disabling Chrome cache for website development

I am modifying a site's appearance (CSS modifications) but can't see the result on Chrome because of annoying persistent cache. I tried Shift+refresh but it doesn't work. How can I disable the cache temporarily or refresh the page in …

Read More
How do you launch the JavaScript debugger in Google Chrome?

When using Google Chrome, I want to debug some JavaScript code. How can I do that?

Read More