2013-02-16 19 views
6

HTML Webサイトのドキュメント構造を視覚化したいと思います。私が持っていると思い何HTMLドキュメントツリー(DOMツリー)を視覚化するツール

は次のようなものです:

enter image description here

結果をビットマップファイルとして保存することができますどこにこれを行うと、任意の既知のツールはありますか?

+1

を私はまさにこれを行い小さい事建て:http://dok.github.io/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} 

-visualization/ – Sean

答えて

5

私はLaTeXを使ってDOM表現を作成します。ここで

は、最小限の作業例です:

enter image description here

3

私は2つのライブラリを使用しようとしました。

まず私はJsonml

var jsonData = JsonML.fromHTMLText(htmlData); 

を使用してJSONにDOMを変換するには、次にそれをjsFiddle

  1. Using Json Editor
  2. Using Json Viewer
  3. ビューサンプルを可視化するためJson EditorまたはJson Viewerを使用しました

が、これはあなたを助けることを願っています。

+1

githubの生のURLは機能しません。それを変更する必要があります。詳細はこちらhttp://stackoverflow.com/a/18049842/815507 – Kunukn

関連する問題