可视化HTML文档树的工具(DOM树)

Question

我想要可视化HTML网站的文档结构.

我想拥有的是这样的:

是否有任何已知的工具可以执行此操作并将结果保存为位图文件？

Answer 1

我使用LaTeX来创建DOM表示.

这是一个最小的工作示例:

\documentclass{scrreprt}
\usepackage{tikz-qtree}
\begin{document}

  \Tree[.table 
         [.thead 
           [.tr 
             [.th [.\textit{Vorname} ] ]
             [.th [.\textit{Nachname} ] ]
           ]
         ]              
         [.tbody 
           [.tr 
             [.td [.\textit{Donald} ] ]
             [.td [.\textit{Duck} ] ]
           ]
         ]
       ]

\end{document}

这使: