Getting Rendered HTML in Chrome
Four ways to copy the fully-rendered HTML from Google Chrome.
"View Source" (Ctrl+U / Cmd+Option+U) shows the server HTML, not the JS-rendered DOM.
Don't use it — on modern sites it will be an empty shell. Use one of the methods below instead.
Recommended
Method 1: DevTools — Copy outerHTML
- Navigate to the property page and wait for it to fully load.
- Open DevTools: F12 or Ctrl+Shift+I (Win/Linux) / Cmd+Option+I (Mac)
- Go to the Elements panel.
- Click the
<html>tag at the very top of the DOM tree. - Right-click it and choose Copy > Copy outerHTML.
- Paste into the Paste HTML form.
Method 2: Console Command
- Open DevTools (see shortcuts above) and go to the Console tab.
- Type the following and press Enter:
copy(document.documentElement.outerHTML)The full rendered HTML is now on your clipboard. Paste it into the extract form.
Method 3: Save Page
- Press Ctrl+S (Win/Linux) / Cmd+S (Mac)
- In the "Save as type" dropdown, choose "Webpage, HTML Only".
- Save the file, then upload it via the Upload File form.
Method 4: View Source (Not Recommended)
Ctrl+U (Win/Linux) / Cmd+Option+U (Mac)
This shows the original server HTML before JavaScript runs.
On most real estate sites, this will be missing property data. Use Method 1 or 2 instead.