devtools-diff
Easily diff the styles being applied to any pair of DOM elements.
What is devtools-diff?
devtools-diff is a Chrome extension developed by mtn, and its main feature is "Easily diff the styles being applied to any pair of DOM elements.".
Extension Screenshots
Download devtools-diff Extension CRX File
Download devtools-diff extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
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 Basic Information
Name | devtools-diff |
ID | pibbgfbcdndokmmkgjhbgmgklhplblpi |
Official URL | https://chromewebstore.google.com/detail/devtools-diff/pibbgfbcdndokmmkgjhbgmgklhplblpi |
Description | Easily diff the styles being applied to any pair of DOM elements. |
File Size | 4.05 KB |
Installation Count | 30 |
Current Version | 0.1 |
Last Updated | 2018-07-07 |
Publish Date | 2018-07-06 |
Developer | mtn |
[email protected] | |
Payment Type | free |
Supported Languages | en |
manifest.json | |
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "devtools-diff", "version": "0.1", "manifest_version": 2, "description": "Easily diff the styles being applied to any pair of DOM elements.", "devtools_page": "difftools.html" } |