CSS Diff Chrome Extension

Css, quot, extension, diff, elements, compare, chrome, button, html, refer, screenshot, github, vanderkley, stackoverflow, mike

CSS Diff for Chrome Download

  • Chrome Extension Page
    Deleted from Chrome Web store
  • Total Number of Extension users:
    7.6K +
  • Reviewed by :
    31 Chrome Users
  • Author Name:
    Konrad Dzwinel
CSS Diff chrome extension is Easily compare CSS of two HTML elements..

easily compare css of two html elements..

With CSS Diff you can find all css properties that differ between two html elements.

To compare elements, activate chrome developer tools (F12) and open "CSS Diff" tab located in the right panel of the "Elements" module (please refer to the screenshot).

Next, inspect (e.g.

using magnifying glass button) first of the elements that you wish to compare.

As soon as it will be selected, CSS Diff will display it in the "last inspected" section.

Hit "Compare" button and repeat the whole process for the another element.

As soon as two html elements ..ll be selected, CSS Diff will show all CSS differences between them.

Source of this extension is available on github: https://github.com/kdzwinel/CSS-Diff Idea for this extension was inspired by Mike Vanderkley ( http://stackoverflow.com/users/511438/valamas ).

CSS Diff is deleted from https://chrome.google.com/webstore/. Previously it is on chrome store,its urls is https://chrome.google.com/webstore/detail/css-diff/pefnhibkhcfooofgmgoipfpcojnhhljm

CSS Diff Related Chrome Extensions