Chrome DevTools: Git style code diffs for your CSS and JavaScript in the new Changes panel
Last updated: 19th July 2020
The Changes Panel in DevTools displays your code changes in real-time. It works with CSS/Sass and JavaScript. The Changes Panel can display your style changes from both the Sources Panel and the Styles Pane in the Elements Panel.
Within the Changes Panel, you can click on the code diffs to be taken to the relevant line of code in the Sources Panel.
For any changes you wish to discard, there is the option to "Revert All Changes".