View Rendered Source chrome extension

Version: 3.0
View Rendered Source
View source is dead. See how the browser renders a page, not just what the server sends.
4.77 Based on 26 user rates

What is View Rendered Source?

View Rendered Source is a web development extension for chrome. also, it is browser rendering extension. it's a free extension and is featured in Developer Tools, it has 20,000+ active users since released its first version, it earns an average rating of 4.77 from 26 rated user, last update is 1138 days ago.


What’s new in version 3.0?

                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.

----------------------------------------------------

Adaptive website?
If you serve different source code to mobile devices, emulate this easily with a mobile user-agent checkbox.

Dynamic serving for Google?
(More info: https://developers.google.com/search/docs/guides/dynamic-rendering)
Using Google's dynamic rendering workaround designed for Javascript-heavy sites? Just request the raw source as Googlebot and ensure perfect technical SEO. Works with GatsbyJS and Prerender.

----------------------------------------------------

Problems? Questions? Suggestions?

DM the developer: https://twitter.com/ItsHogg

----------------------------------------------------            

How to install View Rendered Source?

You could download the latest version crx file or older version files and install it.


Preview of View Rendered Source


Technical Features:

  • Latest Version: 3.0
  • Requirements: Windows Chrome, Mac Chrome
  • License: Free
  • Latest update: Wednesday, November 10th, 2021
  • Author: www.jonhogg.com

View Rendered Source Available languages:

English.


FAQ


Reviews of view rendered source:


Shaishav Gandhi March 29th, 2023
Shaishav Gandhi

Works like a charm. Flawless opertation. Keyboard shortcut comes in very handy.


Grumbly Curmudgeon Woodworks July 19th, 2022
Grumbly Curmudgeon Woodworks

Wow bro... you nailed it! I came on intending to WRITE this extension, found yours and all I can say is: this does all I planned and more. Mad props, yo.


Zachary Wiles April 5th, 2022
Zachary Wiles

Thanks! Quickly showed me what was going on with my extension development issue. Works as advertised :D

Read more review & comments of view rendered source