March 2016 Update: Chrome Dev Tools + Mobile Browser Emulator

All of a sudden, Google Chrome’s mobile browser emulator and developer tools turned to white! Yeah! It’s suddenly updated without prior notice, or even any prompt about it if I want to switch to the new emulator or stick to the old one. The old one looks like this, with grids and a layout that I’m suited to use.

device-mode-initial-view

Screenshot courtesy of developer.chrome.com. Right now, everything turned into one, the devices are reduced, there are no network throttling options, and it’s just annoyingly neat and simple.

chrome-dev-tools-new

The rulers are also gone, I don’t know how to make it appear again. I wish I could just roll back and use the old interface. This new one sucks, big time. There are so many changes in the developer tools that I’m so lazy to explore. I love change, but a sudden change like this without prior notice or even a prompt is undeniably annoying.

My current Chrome version is 49.0.2623.87 (64-bit). Geez, I really wish I could downgrade from this version to the old one and use the old developer tools instead.
Screen Shot 2016-03-15 at 9.40.11 PM

2 Replies to “March 2016 Update: Chrome Dev Tools + Mobile Browser Emulator”

  1. Three dot menu at the top right will allow you to put the rulers back. Give it a few hours. It’s not bad once you figure out where things are. =)

    1. Oh there it is! I thought these are totally removed! Hahaha! Thanks for the tip Phil. I still love the old one, but I think I will get used to the new dev tools eventually.

Leave a Reply

Your email address will not be published. Required fields are marked *