search

0xedward / dom-visualizer

Visualize the DOM tree created by your browser for any HTML input
https://0xedward.github.io/dom-visualizer/
4 stars 1 forks source link

readme

DOM Visualizer

DOM Visualizer was created for developers to view the DOM created by their browser for any HTML input. DOM Visualizer creates and displays the hierarchical relationship between different HTML tags.

DOM Visualizer sample output

Supported Browsers

DOM Visualizer relies on the DOMParser API to parse HTML input strings. Currently, most browsers are supported except for Opera Mini.

Development Setup

  1. Clone the repository 
    git clone https://github.com/0xedward/dom-visualizer.git
  2. Install development dependencies 
    cd dom-visualizer && npm install
  3. Start server with live reload 
    npm start