When you visit a page, the website sends HTML code to your browser. Often this source code includes additional resources such as scripts, which must be loaded, and which may alter the page code.
Right-clicking "show source" typically shows only the original page code returned to the browser, before scripts and other resources have been loaded and run. But there are many instances, particularly when troubleshooting your page, when you need to see the code of the final, rendered page on the browser, after all resources have been loaded, and any scripts run. For example:
- To search for Google Analytics or Google Tag Manager tags used in verification.
- To debug page loading and display (that is, to check that all libraries and other resources that you want to be loaded are).
- To look at structured data on the served page.
How to view the rendered source
Here are a few methods to view the rendered source code for a web page:
- In the Chrome browser: Right-click any part of the page and select Inspect to see all the HTML from the rendered page. Search for items in the rendered HTML with
Control + F(Windows) or
Command + F(Mac).
- For a page on your own site:
- Inspect the URL, either by entering the URL directly in the URL Inspection tool, or by clicking an inspection link next to a URL shown in most Search Console reports.
- Click Test live URL > View tested page.
- The HTML tab shows the rendered HTML for the page.
- For a page on any site, not just a site that you own: