devtools-diff

Easily diff the styles being applied to any pair of DOM elements.

devtools-diff: Easily compare styles of DOM elements

devtools-diff is a Chrome extension that allows you to easily compare the styles of any pair of DOM elements. It automatically renders the diff of the last two inspected elements. Simply click on two elements in the inspector view to get started. Share your feedback at https://github.com/mtn/difftool
Install from Chrome Web Store

Extension stats

By: mtn
Users: 27
1
Version: 0.1 (Last updated: 2018-07-07)
Creation date: 2018-07-06
Risk impact: Low risk impact
Risk likelihood:
Manifest version: 2
Size: 4.15K

Other platforms

Not available on Android
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

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

Extension safety

Risk impact

devtools-diff requires very minimum permissions.

Risk likelihood

devtools-diff has earned a fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to devtools-diff: