Kennst du eine Webseite Aussehen Komparator?

Brauche ich ein Werkzeug, um zu vergleichen, das design einer website, das will ich nicht vergleichen, um den HTML-code nur, aber der Ausgang design.

Ist das überhaupt möglich? auch gibt es eine opensource-Programm dieser Art?

Ich habe google gesucht, aber ich bekomme nur ein Kandidat bisher ein HTML-Match.

  • Was genau sind Sie nach? Ein diff-tool oder einen visuellen Vergleich, wie Ihre website in verschiedenen Browsern
  • Klingt wie, er sucht nach einem visuellen Vergleich-tool. "die Sache ist die, ich will nicht zu vergleichen, die html-code, aber der Ausgang design."
  • Klingt wie diese Frage: stackoverflow.com/questions/31722/...
InformationsquelleAutor Adyt | 2009-06-30
  1. 6

    In modernen Webseiten, die Darstellung wird gesteuert durch verschiedene 'Dinge': html-code, css-Stile und Bilder, die zumindest (auch javascript in einigen Seiten). Einfache text-basierte diff-Programme sind nicht genug, weil Ihr Ausgang kann irrelevant für die Webseite Aussehen (also Aufräumen css können, zeigen viele Unterschiede, aber die gerenderte Webseite bleibt die gleiche).

    Für einfachere HTML-Seiten Entsprechen bereits erwähnt, könnte die Arbeit zu tun. Wenn ich zum Vergleich der Gestaltung der beiden "komplexen" Seiten (einschließlich layout -, Raum -, Bild-und text-änderungen) würde ich tun, eine zwei-Schritt-Ansatz:

    1. Führen Sie ein diff-tool auf der html-Quellen zu markieren, den Textinhalt unterschieden. Dann würde ich ändern eine der Seiten zeigen den gleichen Inhalt wie die anderen (in der Reihenfolge, um den nächsten Schritt genauer und 'konzentriert' zu zeigen, 'real' layout-änderungen). Natürlich funktioniert es nur mit sehr ähnlich html.
    2. Laden der Seiten in die gleiche web-browser, erhalten Sie einige screenshots aus den gerenderten output an festen Positionen und vergleichen Sie die Bilder (z.B. mit ImageMagick). Es sollte zeigen, alle visuellen Unterschiede in der gerenderten Ausgabe.

    Es ist nicht perfekt, aber sollte funktionieren.

    [UPDATE] HTML-Match scheint tot sehen diese Antwort für eine alternative Lösung.

    InformationsquelleAutor Csaba_H
  2. 3

    Lösung: "vergleichen Sie web-Seiten" tool. (“Machen wir schon seit es seit 1999. It ' s free.")

    Beispiel für die Ausgabe (zum Vergleich-Seiten für TP-Link USB-hub-Modell UH700 und UH720):

    Kennst du eine Webseite Aussehen Komparator?

    • Aber Sie zeigen diff von meta-tags, die nicht gesehen werden kann?
    InformationsquelleAutor 7vujy0f0hy
  3. 1

    Unter windows:

    http://www.htmlmatch.com/

    InformationsquelleAutor the.jxc
  4. 1

    Wenn Sie KDE verwenden, können Sie Kompare oder KDiff3.

    Jedoch, wenn Sie anzeigen möchten, wie Ihre Webseite Aussehen auf verschiedenen Browsern und auf verschiedenen Betriebssystemen, BrowserShots genutzt werden können.

    InformationsquelleAutor Alan Haggai Alavi
  5. 1

    Gibt es diese online-tools - nicht Brillant:

    http://www.w3.org/2007/10/htmldiff

    http://www.aaronsw.com/2002/diff/

    Ich mag den look von daisydiff aber habe es nicht in Wut: http://code.google.com/p/daisydiff/

    • Vergleichen Sie diese code-änderungen, die nicht Rendern ändert.
    • href="http://www.aaronsw.com/2002/diff/" >aaronsw.com/2002/diff genau das tut, was OP ' s HTML-Match nicht, aber ist ein online-während HTML-Match ist ein offline-tool.
    InformationsquelleAutor Adam Butler
  6. 0

    Den Suchbegriff, den Sie suchen, ist "diff".

    Ein gutes Programm zeigen kann, dass Sie die Unterschiede zwischen zwei Dateien (html-markup oder andere) wäre ExamDiff für windows.

    • "die Sache ist die, ich will nicht zu vergleichen, die html-code, aber der Ausgang design." -- Also diff nicht, dass er/Sie sucht.
    • man könnte es "gerendert " diff", es dürfte so ziemlich ein gutes Stichwort (obwohl ich noch finden konnte, keine Fenster frei stehend für mhtml).
    InformationsquelleAutor Wadih M.
  7. 0

    Dem ich arbeite, und ich Ihnen sagen, es ist hart und es gibt nichts auf dem Markt. Vielleicht Google und Bing haben etwas inhouse. Sie können nutzen einige Bild-Vergleich-tools, die identifizieren, Rechteck-Regionen der geänderten Bilder. Dieses ist zum Beispiel Bestandteil von allen modernen video-Kompressions-aber Sie tun es für verschiedene Bereiche der Webseite (die nav-bar-Abschnitt, der Haupt-Artikel, die region gefiltert durch einen ad-blocker usw.) wie einige von Ihnen können sich ändern und es ist immer noch als der gleiche Inhalt auf der Seite.

    Wie gesagt sehr Komplexes problem ohne exakte Lösung.

    Den anderen geht das nicht-visuelle Art und Weise und vergleichen Sie die resultierende berechnete computer-Stile jedes html-element. Sie haben, um hack den browser, um Zugang zu den layout-Baum. Es gibt auch keine offizielle API oder bestehende Bibliothek/Programm/hack/patch dafür.

    • Wenn die html-segment ist der gleiche, warum würden Sie brauchen, um diff-Bild-Darstellung?
    • Sie können filter der regulären Antwort von Antwort ändern benutzerdefinierte Anzeige von Bildern oder empfohlenen anderen Elemente teaser-Bilder. Wenn Sie ein Bild zu vergleichen, einen kompletten screenshot bekommen Sie in Ihrem Weg, Sie haben zu vergleichen Fragmente. Es gibt auch andere individuelle Sachen wie anzeigen/like-Zähler, Anmeldedaten etc. Und HTML + CSS ist kein Weg zu gehen, es sei denn, Sie sicher, dass die Seite nicht mit javascript ändern Sie den DOM. Wenn Sie vergleichen, CSS + DOM können Sie mit ihm zu gehen. Aber dies kann erzeugen false positives.
    InformationsquelleAutor Lothar
  8. 0

    Können Sie einen visuellen Vergleich mit Araxis Merge Pro durch Einnahme-Ausgabe auf den Bildschirm mit Systemen wie BrowserStack, Cross-Browser, PhantomJS

    InformationsquelleAutor Rustem Hesenov
Schreibe einen Kommentar