Domkit

Domkit is a Chrome extension for analyzing the CSS box model of individual HTML elements.

What is Domkit?

Domkit is a Chrome extension developed by nickolasburr, and its main feature is "Domkit is a Chrome extension for analyzing the CSS box model of individual HTML elements.".

Extension Screenshots

screenshot
screenshot
screenshot
screenshot

Download Domkit Extension CRX File

Download Domkit 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

                        Domkit is a Chrome extension for analyzing the CSS box model of HTML elements. If you need to know the computed width or height of an element, toggle on Domkit and it will provide a large box shadow around the element, essentially raising it above the other elements and giving you the dimensions. Additionally, Domkit also provides information on what type of element you're viewing so that you can easily know whether you're viewing the element you want or not. Enjoy Domkit and please submit any feedback!                    

Extension Basic Information

Name Domkit Domkit
ID cdeocdbeomkaegbihhleiikgkkmacgek
Official URL https://chromewebstore.google.com/detail/domkit/cdeocdbeomkaegbihhleiikgkkmacgek
Description Domkit is a Chrome extension for analyzing the CSS box model of individual HTML elements.
File Size 121 KB
Installation Count 920
Current Version 2.1.6
Last Updated 2017-07-22
Publish Date 2017-07-22
Rating 4.33/5 Total 3 Ratings
Developer nickolasburr
Payment Type free
Supported Languages en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Domkit",
    "short_name": "DMKT",
    "version": "2.1.6",
    "description": "Domkit is a Chrome extension for analyzing the CSS box model of individual HTML elements.",
    "background": {
        "scripts": [
            "js\/background.js"
        ],
        "persistent": true
    },
    "browser_action": {
        "default_icon": "icons\/orange-box-48x48.png"
    },
    "content_scripts": [
        {
            "js": [
                "js\/content.js"
            ],
            "matches": [
                ""
            ],
            "run_at": "document_idle"
        }
    ],
    "icons": {
        "16": "icons\/orange-box-16x16.png",
        "48": "icons\/orange-box-48x48.png",
        "128": "icons\/orange-box-128x128.png"
    },
    "permissions": [
        "storage"
    ]
}