Last Updated: February 25, 2016
· ultimatedelman

Quickly toggle DOM changes in Chrome

In Chrome dev tools, sometimes you want to see how the addition and removal of a class affects your elements. One way to do this is to find the element, get your cursor in the class attribute, and manually add and delete it while watching what happens in the browser.

Instead of doing this manually, while dev tools has the focus, you can use ctrl+z and ctrl+y to flip back and forth between your direct DOM changes.