How to quickly view the page structure

This technique allows you to quickly view the structure of a web page with just a click. An example is shown above.

To get this create a bookmark in your browser called Outline Page Structure and add the following Javascript code in the URI input field.

javascript:elem=document.getElementById("dev-outliner");if(elem){elem.parentNode.removeChild(elem);}else{document.body.insertAdjacentHTML('beforeEnd', '');}

How to use?

1. Click once to view the page structure outline.
2. Click again to remove the page structure outline.

source