View Rendered Source
View source is dead. See how the browser renders a page, not just what the server sends.
What is View Rendered Source?
Stats
Chrome-Stats Rank
Other platforms
Summary
A lightweight Chrome Extension that shows you how the browser has constructed (rendered) a page's original HTML into a functioning DOM, including modifications made by JavaScript.
An essential tool for web developers using JavaScript frameworks like Angular, ReactJS and Vue.js, and for SEOs to understand how search engines see your pages, especially considering Google's dynamic serving workaround.
Differences between raw and rendered versions are highlighted line-by-line showing how JavaScript has modified a page at render time.
There are 3 sections:
Raw: The source code sent from the server to the browser before the DOM is rendered. The same as you'll see with traditional 'View Source' in the browser (after minor formatting tweaks)
Rendered: The rendered page after the source has been interpreted into a DOM, including any modifications made by Javascript
Difference: The difference between the rendered source and the raw source. Differences occur when JavaScript has modified the DOM.
User reviews
User reviews summary
Pros
- Useful for SEO and QA
- Works as advertised
- Helpful for web development
Cons
- Does not work on some websites
- Issues with keyboard shortcut conflicting with language input
- Could use a feature to compare two snapshots of the DOM
Most mentioned
- Useful for SEO and QA
- Works as advertised
- Does not work on some websites
Recent reviews
Safety
Risk impact
View Rendered Source may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.
Risk likelihood
View Rendered Source has earned a good reputation and can be trusted.
Screenshots
Promo images
Similar extensions
Here are some Chrome extensions that are similar to View Rendered Source: