HTML-Quelle in der Baumansicht anzeigen?
Ich möchte die Struktur einiger komplexer Webseiten, die ich besucht habe, analysieren. Das manuelle Analysieren von Tags in der HTML-Quelle ist mühsam und fehleranfällig.
Ich möchte ein Hilfsprogramm finden, das eine HTML-Quelle (oder eine URL) als Eingabe akzeptiert und die hierarchische Anordnung der HTML-Elemente, einschließlich Quell- und ID-Attribute, vorzugsweise in einer Baumansicht anzeigt.
Ich war zuversichtlich, dass es leicht sein sollte, solch ein Tool zu finden, aber ein paar Google-Suchen haben nichts für mich ergeben. Ich bin immer noch zuversichtlich, dass ein solches Werkzeug existiert. Kann die Community mir helfen, etwas zu finden? (Ich bin ein Windows-Benutzer und würde natürlich, wenn möglich, kostenlos.)
6 Antworten
Bei IE8 + und Chrome sind beide wunderbare Entwickler-Tools integriert. Besuchen Sie einfach eine Webseite und drücken Sie im Internet Explorer F12, und gehen Sie in Chrome zu den Tools-Tools für Entwickler von buttle- & gt; tools- & gt; Sie zeigen sowohl die Baumansicht der Seite als auch die Möglichkeit, sie zu ändern. Sie sind beide sehr mächtig.
In den meisten Browsern ist ein DOM-Viewer integriert. Firefox verfügt über eine Drittanbietererweiterung , die dies bietet.
Diese zeigen alle das DOM nachdem die Fehlerkorrektur vom Browser durchgeführt wurde, bevor Sie dann nicht sicher sein können, dass eine gültige Struktur erstellt werden konnte
Wie bereits erwähnt, sind in den meisten modernen Webbrowsern "Entwicklerwerkzeuge" eingebaut, die eine Möglichkeit bieten, die HTML-Quelle in einer Baumansicht zu durchsuchen. Ich habe einen schnellen Screenshot-Vergleich der Tools zusammengestellt, die die neuesten Versionen der Top-5-Browser (Internet Explorer 9, Firefox 4, Chrome 12, Opera 11 und Safari 5) anbieten.