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
Extension stats
By: mtn
Users: 30
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
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.
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
3,000+
Sergiu Boboc
4.39
3,000+
Hristiyan Dodov
N/A
18
evan.borgstrom
1.90
760
konsoletyper
N/A
134
ArvinH
3.00
329
[email protected]
N/A
375
Vladimír Kleštinec
4.89
128
jusio
4.46
10,000+
repeater.js
N/A
73
Alon Adler
5.00
39
Mike King
3.92
7,000+