Do you know a webpage appearance comparator?

Question

I need a tool to compare the design of a website, I do not want to compare the HTML code only, but the output design.

Is this even possible? also is there any openso

Answer 1

There are these online tools - that aren't brilliant:

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

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

I like the look of daisydiff but have not used it in anger: http://code.google.com/p/daisydiff/

Answer 2

Under windows:

http://www.htmlmatch.com/

Answer 3

Solution: “compare web pages” tool. (“We've been doing it since 1999. It's free.”)

Example output (comparing pages for TP-Link USB hub model UH700 and UH720):

Answer 4

You can make a visual comparison with Araxis Merge Pro by taking screen output with systems like BrowserStack, Cross Browser, PhantomJS

Answer 5

I'm working on one and i tell you it's hard and there is nothing on the market. Maybe Google and Bing have something inhouse. You can use some image comparison tools which identify rectangle regions of changed images. This is for example a part of all modern video compression but you have to do it for different regions of the webpage (the nav bar section, the main article, the region filtered by an ad-blocker etc.) as some of them may change and it's still considered the same content on the page.

As i said very complex problem with no exact solution.

The other is going the non visual way and just compare the resulting computed computer styles of each html element. You have to hack the browser to get access to the layout tree. There is also no official API or existing library/program/hack/patch for it.

Answer 6

If you are using KDE, you can use Kompare or KDiff3.

However, if you want to view how your web page looks in different browsers in different operating systems, BrowserShots can used.