Ich brauche ein Werkzeug, um das Design einer Website zu vergleichen, ich möchte nicht nur den HTML-Code vergleichen, sondern das Ausgabe-Design.Kennen Sie einen Webseitenerscheinungsvergleicher?
Ist das überhaupt möglich? gibt es auch irgendein Open-Source-Programm dieser Art?
Ich habe google gesucht, aber ich bekomme nur einen Kandidaten bisher, der ein HTML-Match ist.
In modernen Webseiten wird das Aussehen durch verschiedene "Dinge" gesteuert: HTML-Code, CSS-Stile und Bilder zumindest (auch Javascript in einigen Seiten). Einfache textbasierte Diff-Programme sind nicht genug, da ihre Ausgabe irrelevant für die Webseitenerscheinung sein kann (d. H. Das Bereinigen von CSS kann viele Unterschiede zeigen, aber die gerenderte Webseite bleibt gleich).
Für einfachere Seiten HTML Match oben genannten könnte die Aufgabe erledigen. Wenn ich das Design von zwei „Komplex“ Seiten (einschließlich Layout, Raum, Bild und Textänderungen) zu vergleichen, würde ich einen zweistufigen Ansatz tun:
Es ist nicht perfekt, aber sollte funktionieren.
[UPDATE] HTML-Match scheint tot, siehe this answer für eine alternative Lösung.
HTML Spiel Website ist [tot] (https://archive.is/2016.10.09/http://isup.me/http://www.htmlmatch.com/) ([* 2003, † 2016] (https : //web.archive.org/web/*/http: //www.htmlmatch.com/)), aber ich habe gerade überlebende Download-Seiten gefunden: [Tucows] (http://www.tucows.com/preview/325919/HTML-Match) [Archiv] (https://archive.org/details/tucows_325919_HTML_Match) und die überlebenden Unternehmens-Website: [Salty Brine Software] (http://www.saltybrine.com/) („seit 1993 "). – 7vujy0f0hy
Unter Fenster:
Die Website ist jetzt [tot] (https://archive.is/ 2016.10.09/http: //isup.me/http: //www.htmlmatch.com/) ([* 2003, † 2016] (https://web.archive.org/web/*/http://www.matchmatch.com/) www.htmlmatch.com/)). Arbeitsdownload-Sites: [Tucows] (http://www.tucows.com/preview/325919/HTML-Match), [Archiv] (https://archive.org/details/tucows_325919_HTML_Match). Surviving-Website des Unternehmens: [Salty Brine Software] (http://www.Saltybrine.com/) ("seit 1993"). – 7vujy0f0hy
Wenn Sie KDE verwenden, können Sie Kompare oder KDiff3 nutzen.
Wenn Sie jedoch anzeigen möchten, wie Ihre Webseite in verschiedenen Browsern in verschiedenen Betriebssystemen aussieht, kann BrowserShots verwendet werden.
Das Stichwort, das Sie suchen, ist "diff".
Ein gutes Programm, das Ihnen die Unterschiede zwischen zwei Dateien (HTML-Markup oder andere) zeigen kann, wäre ExamDiff für Windows.
"Die Sache ist, ich möchte nicht den Code HTML vergleichen, aber das Ausgabedesign." - So Diff ist nicht wollen, dass er/sie sucht. –
@SashaChedygov könnte man es "gerendertes diff" nennen, es sollte so ziemlich ein gutes Schlüsselwort sein (obwohl ich immer noch keine windows free standalone für mhtml finden konnte). – cregox
Es sind diese Online-Tools - das ist nicht brillant:
http://www.w3.org/2007/10/htmldiff
http://www.aaronsw.com/2002/diff/
ich das Aussehen von daisydiff mag aber habe es nicht in Zorn verwendet: http://code.google.com/p/daisydiff/
Lösung : “compare web pages” Werkzeug. ("Wir machen das seit 1999. Es ist kostenlos.„)
Beispiel Ausgabe (Vergleichsseiten für TP-Link USB-Hub Modell UH700 und UH720):
Aber zeigen Sie Diff von Meta-Tags, die nicht gesehen werden können? – Pacerier
Ich bin auf einem arbeiten, und ich sage Ihnen, es ist schwer, und es gibt nichts auf der Markt. Vielleicht haben Google und Bing etwas inhouse. Sie können einige Bildvergleichswerkzeuge verwenden, die rechteckige Bereiche geänderter Bilder identifizieren. Dies ist zum Beispiel ein Teil aller modernen Videokomprimierung, aber Sie müssen es für verschiedene Regionen der Webseite tun (die Navigationsleiste, den Hauptartikel, die Region, die durch einen Werbeblocker gefiltert wird usw.), da einige von ihnen sich ändern können und es gilt immer noch als derselbe Inhalt auf der Seite.
Wie ich sagte, sehr komplexes Problem ohne exakte Lösung.
die andere die nicht visuelle Art und Weise geht und vergleichen nur die resultierenden berechneten Computer Stile der einzelnen HTML-Element. Sie müssen den Browser hacken, um auf den Layoutbaum zugreifen zu können. Es gibt auch keine offizielle API oder existierende Bibliothek/Programm/Hack/Patch dafür.
Wenn das HTML-Segment das gleiche ist, warum müssten Sie die Bilddarstellung davon vergleichen? – Pacerier
Sie können dies tun, um die reguläre Antwort zu filtern, indem Sie benutzerdefinierte Anzeigenbilder oder die empfohlenen Teaser-Bilder anderer Artikel ändern. Wenn Sie einen Bildvergleich eines vollständigen Screenshots machen, kommen Sie in Ihren Weg, Sie müssen Fragmente vergleichen. Es gibt auch andere kundenspezifische Dinge wie view/wie Zähler, Anmeldeinformationen usw. und HTML + CSS ist kein Weg zu gehen, wenn Sie sicher, dass die Seite Javascript nicht verwenden, um den DOM zu ändern. Wenn Sie CSS + DOM vergleichen, können Sie damit gehen. Dies kann jedoch zu Fehlalarmen führen. – Lothar
Was genau sind Sie nach? Ein Diff-Tool oder ein visueller Vergleich, wie Ihre Website in verschiedenen Browsern funktioniert. –
Klingt, als suche er nach einem visuellen Vergleichstool. "Die Sache ist, ich möchte nicht den Code HTML vergleichen, aber das Ausgabedesign." –
Klingt wie diese Frage: http://stackoverflow.com/questions/31722/anyone-have-a-diff-algorithm-for-rendered-html – rjmunro