Инструмент для визуализации макета веб-страницы?

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

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

Редактировать: я хочу распечатать или скопировать контур, чтобы аннотировать его, поэтому он должен фактически удалить любые элементы содержимого / без макета.