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

screenshot

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 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 [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"
}