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
Extension stats
Risk impact: Low risk impact
Risk likelihood:
Manifest version: 2
Size: 4.15K
Email: mi*****@gmail.com
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:
BigConsole 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 DevTools Author
Isaac Sukin (IceCreamYou)
4.24
2,000+
Sergiu Boboc
4.39
3,000+
Hristiyan Dodov
N/A
14
evan.borgstrom
1.90
715
konsoletyper
N/A
139
ArvinH
3.00
313
[email protected]
N/A
399
Vladimír Kleštinec
4.89
121
jusio
4.46
10,000+
repeater.js
N/A
72
Alon Adler
5.00
49
Mike King
3.92
7,000+