Domkit

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

What is Domkit?

Domkit is a unique Chrome extension designed for front-end developers for analyzing the CSS box model of HTML elements. It provides valuable information including computed dimensions and type of an HTML element. Additionally, Domkit effectively visualizes the hierarchy of elements by providing standout box shadow around the selected element. This feature is especially useful for identifying and understanding the positioning and size of individual elements in complex web layouts.

Download

Stats

By: nickolasburr

View on Chrome Web Store

Users: 942 ▲ 13

Rating: 4.33 (3)

Version: 2.1.6 (Last updated: 2017-07-22)

Creation date: 2017-07-22

Risk impact: Low risk impact

Risk likelihood: Low risk likelihood

Manifest version: 2

Permissions:

storage

Size: 123.90K

Stats date:

Chrome-Stats Rank

# 30290 ▲ 108

Other rankings

#3120 in Developer Tools ▲ 14 #37 in model keyword 14 ▲ 7 #78 in element keyword 14 ▲ 4 #163 in html keyword 41 ▲ 3

Other platforms

Not available on Firefox

Not available on Edge

Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Summary

Analyze keywords

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!

User reviews

It only does one element at a time. I need the entire two columns on the right side and all the info for it. https://www.theseason.org/nt.htm . Please update?