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

Latest Version

Version
2.1.6
Update
July 22, 2017
Size
121KiB
Developer
Category
Users
892
Rating
5 ★
Manifest Version
2
Web Store Status
Languages Support
English (United States)
See more
Permissions
Storage
See more

Domkit Extension

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!
Read more

Source 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" ]}
Read more