VisualDOM

Visual representation of the Document Object Model, displayed in browser. Rendered diagram reduces confusion during web development.

VisualDOM is available to install from Chrome Web Store and for download from this page. It has 56 active users The latest version is 0.0.1, and it was published 2 years ago.

Install from Chrome Web Store
View source code
Total download count: 3 (Only count downloads from Chrome-Stats)

All available versions

You can find the current and older versions of VisualDOM here. You can download the archived versions or inspect their source codes.

As a free user, you can only download the latest version.

Upgrade to download older versions
 1 version available for download.

Install CRX file

Option 1: The easy way (for Windows users only)

  1. Download and run chrome-stats.exe file on your PC. This method will allow you to install Chrome extensions directly from chrome-stats.com in one click. You only need to do this once!
  2. Type in chrome://restart in the URL bar to restart the browser for the changes to take effect.
  3. Download and install the VisualDOM CRX file

Option 2: Advanced method

  1. Download VisualDOM CRX file
  2. NOTE: Sometimes the browser may block downloading / installing CRX file from outside the Chrome Web Store. If so, you may need to use option 1, or download the ZIP file instead.
  3. In the URL bar, go to chrome://extensions
  4. Enable Developer mode
  5. Drag and drop the downloaded VisualDOM CRX file into the Extensions page
  6. When prompted, click Add extension to install VisualDOM.

Install ZIP file

  1. Download and unpack the VisualDOM ZIP file to a directory of your choice.
  2. In Chrome browser, go to chrome://extensions
  3. Enable Developer mode.
  4. Click on the Load Unpacked button.
  5. Select the directory of with the unpacked VisualDOM ZIP file from step 1. VisualDOM is now installed on your browser.

Similar extensions

Here are some Chrome extensions that are similar to VisualDOM:

Layout Debugger
Layout Debugger
cdsnowden
4.00
899
html-dom-lens extension
html-dom-lens extension
reciosonny
N/A
37
HTML Visual Validation
HTML Visual Validation
btisseo
4.38
4,000+
DOM node tree viewer.
DOM node tree viewer.
https://untamed.co.uk
3.50
5,000+
CSS SCANNER
CSS SCANNER
https://css-scanner.com
2.00
368
HTML Hierarchy Visualizer
HTML Hierarchy Visualizer
steven.massola
5.00
2,000+
HTML DOM Navigation
HTML DOM Navigation
hkokila
4.72
3,000+
DOM Outliner
DOM Outliner
noeclement
N/A
214
Site DOM Tree
Site DOM Tree
Unknown
4.00
328
Link Protector
Link Protector
leocompson
N/A
279
Web Design Pirate
Web Design Pirate
Dalimil Hajek
3.71
2,000+
DOM Highlighter
DOM Highlighter
Yuri Labzin
5.00
618