2008-09-07 7 views
3

Ich erhalte HTML-Seiten von unserem Kreativteam und benutze diese dann zum Erstellen von aspx-Seiten. Eine Herausforderung, der ich mich häufig gegenübersehe, ist, den HTML-Code, den ich ausspucke, genau zu erhalten. Ich scheitere fast immer die Verschachtelung von <div> s zwischen meiner Seite und den Masterseiten.Gibt es irgendwelche Tools, um die Struktur von 2 Webseiten zu vergleichen?

Kennt jemand ein Werkzeug, das in dieser Situation helfen wird - etwas, das 2 Seiten vergleicht und die strukturellen Unterschiede ausgibt? Ich kann nicht ein Standard-Diff-Tool verwenden, weil IDs ändern, was ich von kreativ erhalte, ersetzt Text Lorem Ipsum, etc ..

Antwort

2

Wenn Ausgabe XML konform HTML. Oder zumindest übersetzen Sie Ihr HTML-Produkt in XML-Konformität, Sie könnten dann zumindest Ihre Ausgabe XSL, um die Inhalte und ID-Tags zu entfernen. Wende die gleiche Transformation auf ihren HTML-Code an und vergleiche sie dann.

1

Ich dachte an die Zeilen XML Diff seit HTML kann als ein XML-Dokument dargestellt werden. Die Herausforderung mit HTML ist, dass es nicht immer gut geformt ist. Hier finden Sie eine weitere, die zeigt, wie man XMLDiff class verwendet.

+0

HTML ist in der Tat keine Untermenge von XML, sondern eher ein Nachkomme von SGML, der eine deutlich mildere Syntax als XML hat. Wie auch immer, Ihr Vorschlag ist immer noch gut, wenn er mit XHTML arbeitet (was _is_ XML ist), dann ist ein XML-Diff-Tool der Schlüssel. BeyondCompare hat auch ein Plugin für XML-Vergleiche. –

+0

Danke Boris. Einige Änderungen gemacht, um es klarer zu machen. –

0

winmerge ist ein gutes visuelles diff Programm

5

Sie HTMLTidy können Sie die HTML-wohlgeformte XML konvertieren, so dass Sie XML Diff verwenden können, wie Gulzar vorgeschlagen.

tidy -asxml index.html 
1

Eine Kopie meiner eigenen Antwort von here.


Was DaisyDiff (Java und PHP vesions verfügbar).

Folgende Features sind wirklich nett:

  • Arbeiten mit schlecht gebildet HTML-Code, "in the wild" gefunden werden kann.
  • Die diffing ist mehr in HTML spezialisiert als XML-Baum unterscheidet. Das Ändern eines Teils eines Textknotens führt nicht dazu, dass der gesamte Knoten geändert wird.
  • Zusätzlich zum standardmäßigen visuellen Diff kann die HTML-Quelle kohärent gesichtet werden.
  • Bietet leicht verständliche Beschreibungen der Änderungen.
  • Die Standard-GUI ermöglicht das einfache Durchsuchen der Änderungen über Tastenkombinationen und Links.