HTML Box Visualizer
A pure JavaScript based CSS / HTML element visualizer / debugger. Similar to Chrome's developer tools, this allows you to visualize an element and all of its layout properties in one place. Add it to any page and move the mouse around the screen. This tool has no effect on the functionality of your application, but still displays information on any element you mouse over.
Add the script to the page using a simple javascript element. It will be automatically added to the page and start working. In order for the options to work, add one of the following to the querystring of the src attribute of your script element.
I have manually tested this on the following platforms / browsers:
Include this link in your toolbar to include boxvis into any page (content security permitting):
javascript:(function(){document.body.appendChild(document.createElement('script')).src='//cdn.rawgit.com/ghmcadams/boxvis/master/debugcss.js';})();