ウェブページの「鳥瞰図」HTML構造のツールはありますか？

Question

私はレイアウトのHTMLパターンを学ぶためにHTML電子メールを分析しています。アトムは、HTMLタグの鳥瞰図を入手する

私は、このようなdiv>table>tbody>tr>div>table>tbody>tr.

として、ネスト要素の多くを見るには、任意のパッケージがありますか？

タグ内のコンテンツを非表示にしているので、タグのパターンをすばやく確認できます。

Answer 1

一見すると、html-outlinerはあなたが探しているようです。しかし、私が試したとき、出力はとても役に立たないようでした。

一般に、私はHTMLでの作業にatom-beautifyをお勧めします。タグのパターンを識別しようとすると、ネストされたHTMLタグが正しくインデントされます。