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

标签 graph-visualization dom tree-structure

关闭。这个问题不满足Stack Overflow guidelines .它目前不接受答案。












想改善这个问题吗?更新问题,使其成为 on-topic对于堆栈溢出。

7年前关闭。




Improve this question




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

我想要的是这样的:

enter image description here

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

最佳答案

我使用 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}

这使:

enter image description here

关于graph-visualization - 可视化 HTML 文档树(DOM 树)的工具,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14911274/

相关文章:

mongodb - 在 MongoDB 中对集合进行递归搜索

r - 如何在 R 中可视化大型网络?

c++ - 用于可视化二进制搜索树的图形库

xml - 查找两个元素之间的相对 XPath 的最有效方法是什么?

javascript - 从 HTML div 中删除所有文本内容,但保留 HTML 标签和结构

sql - 在数据库中存储树数据的最佳实践

javascript - 如何将数组转换为N叉树?

graphviz - 将 Graphviz 边缘移开

android - 您可以在 Android 应用程序中运行 JUNG 图形可视化吗?

javascript - jquery在任何情况下都有if语句触发