Skip to content

janmyler/DOM-inspector

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

26 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Overview

AcID DOM Inspector (aka ADI) is a simple DOM inspector written in JavaScript. It has been created as a school project and doesn't aim to compete with tools such as Firebug or Chrome DevTools.

ADI provides a simple DOM tree overview with an interactive highlighting feature. Simple editing of attributes is available for selected DOM nodes.

How to use

  1. Download the latest version of ADI.
  2. Move the acid-dom folder into your project's root folder
  3. Add the ADI stylesheet to the <head> tag: <link rel="stylesheet" href="acid-dom/css/acid_dom.css">.
  4. Add the ADI source code before the </body> tag: <script src="acid-dom/js/acid_dom.min.js"></script>.
  5. That's it, now you're ready to start using ADI. ;)

Usage notes

For further information visit the ADI demo page, please.