Easily diff the styles being applied to any pair of DOM elements..
Avoid scrolling through the style inspector, trying to figure out what styles differ between two elements. This tool does so automatically -- the diff of the last two "inspected" elements will be rendered by default. Just click on two in the inspector view, as seen in the screenshot. still rough around the edges -- if you use this I'd love feedback at https://github.com/mtn/difftool
You can Follow the below Step By Step procedure to install the devtools-diff Chrome Extension to your Chrome Web browser.
It is the devtools-diff Chrome extension download link you can download and install Chrome Browser.
Tags: Style Inspector , Diff , Avoid , Inspected Elements , Avoid Scrolling , Dom Elements , Pair , Styles , Elements , Inspector View ,
As you make CSS changes in the DevTools inspector window this will track your changes and provide you with a nicely formatted diff
Open source Chrome Extension which adds a bunch of new features to GitHub. Customize by picking the ones you like!
A handy diff plugin for your version control service
Dev-tools for MobX
Diff viewer for Medium
Manages DevTools with Node V8 Inspector (node --inspect) Debugging Workflow
Adds refactoring annotations to GitHub diff
A highly customized dark theme for Devtools.
Chrome and Firefox DevTools extension for debugging Vue.js applications.
Change Chrome Devtool Styles