Menu
If you enter a command in Chrome Dev tools (which could be one big block of code) and hit enter, is there a way to "undo" changes made to the DOM? Or do you simply have to refresh the page?
350
Another key function of the console is that it allows the developer to inspect the code and interact with it while executing. In the DevTools Sources tab you can find all the source files of your application and apply breakpoints³ to pause the execution.
I too was looking for an answer to this question beyond "refresh the page"... Stumbled across this solution:
Enter Chrome dev tools (CMD + Shift + I on Mac)
Click the three dots aligned vertically to get the settings menu
Hover over "More Tools" then go to "Changes"
On the changes window you can see all the changes made during your current DOM editing session - to revert them all, simply click the undo arrow in the bottom left...
See the visual below
Reset all changes made in Chrome dev tools
158
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
