CODEWITHSUNDEEP
google-chrome-devtools
user1816877
user1816877

Reputation:

Overrides page in Chrome Developer Tools gone in latest Canary

In Chrome (version 32.0.1677.0 canary Aura), I can't find the overrides tab/page in the Developer Tools settings. (It used to be placed between the "General" and "Workspace" tabs. Did they move it, or did I forget to enable something?

Upvotes: 46

Views: 45293

Answers (3)

Gfra54
Gfra54

Reputation: 462

This thread is quite old and everything is now changed with the new "device mode". You cannot use any of this anymore.

As stated here by @paul-irish (from the Chrome DevTools team) on twitter :

  • one should just activate the device mode, and then use the shift key + drag the mouse around to emulate pinch zoom, with no particular setup.

How to activate device mode

  • this pinch to zoom emulation doesn't seem to work very good with JS libs like Hammer.

For now, it is better to test pinch to zoom on actual devices, or with http://browserstack.com

Upvotes: 1

Alex W
Alex W

Reputation: 1134

Hit Esc to open the console drawer, then you can open the Sensors tab via the drawer menu on the left.

enter image description here

Sensors provides geolocation and accelerometer settings.

Additionally, the newer Device Mode captures the basics of mobile device emulation.

enter image description here

Upvotes: 91

Svein Sandviken
Svein Sandviken

Reputation: 111

Seems like the "Emulation" button only is available from Console, when Console is opened from one of the other tool tabs. Ex. "Source" or "Elements".

Go to "Elements" , click on the "Show console" icon. The "console drawer" will open in bottom part of the window with Console, Search, Emulation tabs. If this is a bug or not is hard to say.

Upvotes: 11

Related Questions