Tool to export and compare html dom structure

Question

I have 2 sites with slightly different code (one of them is static from design, the other is code for a dynamic page for production). The static site is working fine, the other has some layout problems. I suspect this is a problem in the DOM, as CSS looks the same. The production site has slightly different results in IE, FF, and Chrome, and with the help of the developer tools, I do not see the differences in the DOM from the site that works.

Are there any tools where I can export the DOM structure from both pages and then compare the DOM to see if there are any differences? Making the difference between the actual source of the page is not so much, because the design site has different text content.

Answer 1

Well, I would suggest trying the Diff addon page for Firefox

Alternatively, you can use WinMerge or Beyond to do the same.