Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Are there any tools out there to compare the structure of 2 web pages?

I receive HTML pages from our creative team, and then use those to build aspx pages. One challenge I frequently face is getting the HTML I spit out to match theirs exactly. I almost always end up screwing up the nesting of <div>s between my page and the master pages.

Does anyone know of a tool that will help in this situation -- something that will compare 2 pages and output the structural differences? I can't use a standard diff tool, because IDs change from what I receive from creative, text replaces lorem ipsum, etc..

like image 817
Danimal Avatar asked Sep 07 '08 18:09

Danimal


People also ask

How can I compare two web pages?

For using this tool, you need to separately enter two different URLs in the given text fields and click on the “Compare” button. Once you have entered the URLs and run the website comparison analysis, the test will be completed in a matter of seconds and results will be displayed immediately.

How do SEO sites compare?

SEO Compare allows you to compare the keyword optimization of two websites according to one or more keywords and analyzes the specific differences! Please note: Username and password will be not stored. The login credentials will be only transferred once to retrieve the given URL.

Is there an app to compare documents?

Draftable is a tool that helps you to compare any two documents online. It highlights (redlines) all differences between the two files so that you can find changes quickly. Click here to see a sample comparison.

How do I compare data in two text files?

If you have two versions of documents but do not know which one is the final version or if something was added or removed, the Compare option in MS Word comes in handy. Using File Compare or the FC command in Command Prompt is another way if you need text or binary compare.


1 Answers

You can use HTMLTidy to convert the HTML to well-formed XML so you can use XML Diff, as Gulzar suggested.

tidy -asxml index.html
like image 169
Peter Hilton Avatar answered Oct 07 '22 01:10

Peter Hilton