Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Show all changes made through Chrome Developer Tools

How do I display all changes which I made using Chrome Developer tools?

Example:

  1. open a website.
  2. open Chrome Developer Tool.
  3. change style attribute of a tag.
  4. add new style to some css file.
  5. change a JavaScript function.

How to see those changes? Something like:

    page.html:56 Change style attribute of foo to bar.     page.css:21 Lines added: 21,22,23,24.     page.js:12 Line modified. 
like image 213
MaciejLisCK Avatar asked Jul 29 '14 16:07

MaciejLisCK


People also ask

How do I view responses in Chrome dev tools?

Just click the Response tab, which is to the right of the Headers tab that's open in your screenshot.


1 Answers

As of Chrome 65 there is a changes tab!!

Yes really, it is amazing :)

Open Dev Tools > Ctrl+Shift+P > Show Changes

https://developers.google.com/web/updates/2018/01/devtools#changes

like image 116
CrazyTim Avatar answered Sep 17 '22 21:09

CrazyTim