View Rendered Source

View Rendered Source

View source is dead. See how the browser renders a page, not just what the server sends.

View Rendered Source promo image
What is View Rendered Source?

View Rendered Source is a Chrome extension that provides a visual understanding of how a browser interprets and renders a page's original HTML into a functioning Document Object Model (DOM). It highlights modifications made by JavaScript and presents how the raw source has been evolved into the rendered source. 'View Rendered Source' is essential for web developers using JavaScript frameworks and SEOs for its capability to emulate diverse user-agents and ensure optimal technical SEO.

Merlin
Stats
Stats date:
Version: 4.0 (Last updated: 2023-06-06)
Creation date: 2020-05-16
Manifest version: 3
Permissions:
  • contextMenus
  • storage
Host permissions:
  • http://*/*
  • https://*/*
Size: 75.45K
Email: Click to see
Risk impact: High risk impact
Risk likelihood: Very low risk likelihood

Other platforms

Not available on Firefox
Not available on Edge
Merlin
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.

See more
User reviews
User reviews summary
These summaries are automatically generated weekly using AI based on recent user reviews. Chrome Web Store does not verify user reviews, so some user reviews may be inaccurate, spammy, or outdated.
Pros
  • The extension works exactly as advertised
  • Helpful in solving SEO and code reviewing issues
  • Fast and reliable in showing the source code
  • Developer provides excellent support
  • Keyboard shortcut feature is convenient
Cons
  • It has stopped functioning on some websites recently
  • Failure at sites like Chrome Store page and support.microsoft.com
  • Dark mode missing
Most mentioned
  • Extremely useful for developers and SEOs
  • Allows viewing both rendered and source code
  • Shows what other tools can't
View all user reviews
Safety
Risk impact

View Rendered Source is risky to use as it requires a number of sensitive permissions that can potentially harm your browser and steal your data. Exercise caution when installing this extension. Review carefully before installing. We recommend that you only install View Rendered Source if you trust the publisher.

Risk likelihood

View Rendered Source has earned a good reputation and can be trusted.

Upgrade to see risk analysis details
Screenshots
Promo images
View Rendered Source small promo image
Small promo image
Similar extensions

Here are some Chrome extensions that are similar to View Rendered Source: