devtools-diff
Easily diff the styles being applied to any pair of DOM elements.
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
Stats
By:
mtn
Creation date:
2018-07-06
Risk impact:
Low risk impact
Risk likelihood:
Low risk likelihood
Manifest version:
2
Size:
4.15K
Email:
mi*****@gmail.com
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.
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:
BigConsole
simple-debug.css
XHR JSON Panel
relog
CSS Diff
TeaVM debugger agent
Atomic CSS Devtools
Create React App Sample
Clouseau - Bobril inspector
Storage Area Explorer
Repeater DevTool
CSS TRIMMER
Isaac Sukin (IceCreamYou)
4.24
3,000+
https://chrisnager.com
4.71
1,000+
Sergiu Boboc
4.39
3,000+
Hristiyan Dodov
N/A
14
evan.borgstrom
1.90
867
konsoletyper
N/A
112
ArvinH
3.00
61
Unknown
N/A
269
Vladimír Kleštinec
4.89
138
jusio
4.46
10,000+
repeater.js
N/A
87
Alon Adler
5.00
51