CSS HTML Validator - The fast, all-in-one, HTML, CSS, Link, SEO, spelling, and accessibility checker for Windows, & htmlval for Mac and Linux
Home Validating DOM with Chrome
additional helpful informationDid you know? You can now use the integrated web browser in 2022/v22+ to check the DOM of a webpage. Visit the Validate Using the Integrated Web Browser help topic for more information.
Firefox logo

This page describes an easy way to validate a live DOM using CSS HTML Validator and the Google Chrome web browser.

CSS HTML Validator is a desktop software application for Windows that provides one-click checking of HTML, CSS, SEO, spelling, accessibility, mobility (Android/iOS), JavaScript, and links.

Using Google Developer Tools to Validate the DOM

Have you ever wanted to validate the HTML generated from a DOM after JavaScript has altered the original HTML source? If so then follow these steps.


  1. First, download and install CSS HTML Validator for Windows (a trial version will work) and Google Chrome Browser for desktop (new window) if you haven't already. Many people already have Chrome installed so you may not need to install it.
  2. Run CSS HTML Validator and then go to the Editor Options (Ctrl+F3) and select the Clipboard options page. Enable the option to Watch the clipboard for HTML documents. You may also want to enable other options like the Auto validate documents from the clipboard option.

    Screenshot of the Clipboard options in the Editor Options dialog box

  3. TEST IT: If CSS HTML Validator is running and the option to watch the clipboard is checked, then CSS HTML Validator should automatically open a new document with the line "Success" when you copy the below line to the clipboard.

    <cseclip url="http://test.domain.com ">Success

  4. Run (open) Google Chrome and navigate to the web page with the DOM that you want to check then right-click somewhere on the page and choose Inspect.
  5. When the Developer Tools window opens, go to the Elements tab/page (if you're not there already), and scroll to the top (if needed).
  6. Choose the line near the top with the html element and then press Ctrl+C. Chrome should then copy the HTML source generated from the DOM to the clipboard.
  7. CSS HTML Validator should automatically see the new HTML in the clipboard, open it (as a new document) and then validate it (if you've also enabled auto validate).
  8. Remember that you can also right-click on the web page, choose View page source, and copy the page source to the clipboard (like with Ctrl+A then Ctrl+C), but this source will likely be different than the source from the Elements page/tab.

Visit the Editor Options > Clipboard help topic for more information about the Clipboard options page.