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.


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


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 responses 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. Bryan Veloso Avatar
      Bryan Veloso

      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 *

This site uses Akismet to reduce spam. Learn how your comment data is processed.