Domkit is a Chrome extension for analyzing the CSS box model of individual HTML elements.
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