Simple DOM inspector written in JS.
JavaScript CSS Ruby
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

AcID DOM Inspector


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.