Item logo image for VisualDOM

VisualDOM

ExtensionDeveloper Tools63 users
Item media 1 screenshot

Overview

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

A lightweight visual representation of the Document Object Model to aid in web development, written in vanilla JavaScript and CSS. A "set-it-and-forget-it" solution to element nesting confusion. This extension draws a diagram of the elements on their HTML page in order to easily visualize how their HTML elements are nested within one another. Tag names, classes, and IDs are shown inside each node, color-coded for convenient, meaningful identification. How to use: - Open your HTML file in the browser. - Click the VisualDOM icon to enable it. Chrome may ask for certain permissions (no user data or website information is ever stored) - Refreshing the page (or modifying your HTML while using a Live Server IDE extension) will remove the elements generated by VisualDOM, and you will need to click the icon again to generate the updated content. Like what you see? Find me on GitHub 👉 https://github.com/cmderobertis

0 out of 5No ratings

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

Details

  • Version
    0.0.1
  • Updated
    August 3, 2022
  • Offered by
    cmderobertis
  • Size
    92.7KiB
  • Languages
    English
  • Developer
    none
    22421 Majestic Ct Santa Clarita, CA 91390-5701 US
    Email
    cmderobertis@gmail.com
  • Trader
    This developer has identified itself as a trader per the definition from the European Union.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, please open this page on your desktop browser

Google apps