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.
- Download the latest version of ADI.
- Move the
acid-domfolder into your project's root folder - Add the ADI stylesheet to the
<head>tag:<link rel="stylesheet" href="acid-dom/css/acid_dom.css">. - Add the ADI source code before the
</body>tag:<script src="acid-dom/js/acid_dom.min.js"></script>. - That's it, now you're ready to start using ADI. ;)
For further information visit the ADI demo page, please.