Domkit
Item video thumbnail
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item video thumbnail
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item video thumbnail

Overview

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

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!

4.3 out of 53 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

WindDec 21, 2023

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?

Details

  • Version
    2.1.6
  • Updated
    July 22, 2017
  • Offered by
    nickolasburr
  • Size
    121KiB
  • Languages
    English (United States)
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has not provided any information about the collection or usage of your data.

Related

Pesticide for Chrome (without hover bar)

4.0(43)

This extension inserts the Pesticide CSS into the current page, outlining each element to better see placement on the page.

Looksee

5.0(3)

Add borders or shaders to your webpage on the fly. No need to write debug markup to fix layout components.

Domquest

5.0(2)

Conquer the DOM.

showHTML

5.0(1)

This extension shows information about HTML elements on a web page when you hover over them.

Outliner CSS

5.0(8)

A totally awesome structure and layout debugger that inserts CSS outlines to all elements.

DOM X-Ray

5.0(1)

See through the DOM to visually debug CSS positioning.

DOM Highlighter

5.0(4)

Highlight DOM elements

The-M-Project Inspector

5.0(3)

Extension for the Developer Tools to display the properties of an associated The-M-Project object.

DevTools Classes & Atributes panel

5.0(4)

Toggle classes and attributes

Div Highlighter

3.3(7)

tool to highlight divs!

HTML Tree Generator

4.3(38)

Html is really a tree of elements, css is what defines the layout. This extension displays any page as a tree.

HTML Hierarchy Visualizer

5.0(8)

This extension is a tool that helps visualize the layout of HTML elements on a webpage

Pesticide for Chrome (without hover bar)

4.0(43)

This extension inserts the Pesticide CSS into the current page, outlining each element to better see placement on the page.

Looksee

5.0(3)

Add borders or shaders to your webpage on the fly. No need to write debug markup to fix layout components.

Domquest

5.0(2)

Conquer the DOM.

showHTML

5.0(1)

This extension shows information about HTML elements on a web page when you hover over them.

Outliner CSS

5.0(8)

A totally awesome structure and layout debugger that inserts CSS outlines to all elements.

DOM X-Ray

5.0(1)

See through the DOM to visually debug CSS positioning.

DOM Highlighter

5.0(4)

Highlight DOM elements

The-M-Project Inspector

5.0(3)

Extension for the Developer Tools to display the properties of an associated The-M-Project object.

Google apps