Strumenti per visualizzare un albero di documenti HTML (albero DOM)

Question

Desidero visualizzare la struttura del documento di un sito Web HTML.

Quello che vorrei avere è qualcosa di simile:

Esistono strumenti noti che fanno questo e dove i risultati possono essere salvati come file bitmap?

Answer 1

Uso LaTeX per creare la rappresentazione DOM.

Ecco un esempio di lavoro minima:

\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} 

che dà:

Answer 2

Ho appena provato a utilizzare due librerie.

Per prima cosa ho convertito il DOM per JSON utilizzando Jsonml

var jsonData = JsonML.fromHTMLText(htmlData); 

poi utilizzato Json Editor o Json Viewer per visualizzarlo

Visualizza I campioni in jsFiddle

1. Using Json Editor
2. Using Json Viewer

Spero che questo possa aiutarti.