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.
Written by Jason Edelman
Related protips
Have a fresh tip? Share with Coderwall community!
Post
Post a tip
Best
#Front end development
Authors
Sponsored by #native_company# — Learn More
#native_title#
#native_desc#