devtools-diff

devtools-diff

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

devtools-diff
What is devtools-diff?
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
Merlin
Stats
By: mtn
Users: 31 ▲ 2
Version: 0.1 (Last updated: 2018-07-07)
Creation date: 2018-07-06
Risk impact: Low risk impact
Risk likelihood: Low risk likelihood
Manifest version: 2
Size: 4.15K
Stats date:

Other platforms

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.
Chrome-Stats extension
Merlin
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

Safety
Risk impact

devtools-diff is relatively safe to use as it 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: