Инструмент для визуализации расположения WebPage?

Прежде чем я создам его сам, есть ли инструмент, который дает мне быструю древовидную структуру веб-страницы? В основном все Отделения и другой элемент макета с обзором их идентификатора и тегов КЛАССА, но никаких сценариев, промежутков или другого контента нерасположения (и да, я знаю, что CSS position:absolute может превратить все в элемент макета, но давайте проигнорируем это...).

Это должно получить обзор Вложения, Наследованные классы CSS и т.д.

Править: Я хочу распечатать или скопировать схему для аннотирования его, таким образом, это должно на самом деле разделить любые content/non-layout элементы.