View Rendered Source
Item logo image for View Rendered Source

View Rendered Source

viewrenderedsource.com
Featured4.6(

34 ratings

)
Item media 3 screenshot
Item media 4 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 4 screenshot

Overview

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

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 ----------------------------------------------------

4.6 out of 534 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Kaj KandlerFeb 15, 2024

A great idea with good execution. However there is a small detail that makes it unusable for me. It is called up on the keyboard shortcut "Option+U", which is needed to type an Umlaut on an a qwerty keyboard. So I can't type umlaut anymore, because instead it calls up this tool.

Review's profile picture

Suzanne EdelmanDec 27, 2023

seems cool but it loses the $_POST so it's useless to me.

Replier's profile picture

Jon HoggDeveloperDec 27, 2023

Hi Suzanne. Thanks for downloading. This is predominantly an SEO tool, and because the $_POST data wouldn't be visible to Google and other search engines (they don't interact with forms) in real life that's what this tool tries to emulate.

Review's profile picture

Javier Fernández Morell (Javier Morell)Dec 20, 2023

Hi, it would be very very useful if there was a checklist of the things I want to compare, so that I don't have to see the whole website code but just the elements I want. For instance, I just want to see differences in <link rel="canonical"> <meta name="robots"> and <title> tag, for the source code and rendered code. If I could see them at a glance, it would make this tool much more useful. Thanks!

3 out of 3 people found this helpful

Details

  • Version
    4.0
  • Updated
    June 6, 2023
  • Size
    73.68KiB
  • Languages
    English
  • Developer
    Website
    Email
    jonhoggg@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

Related

Ryte structured data helper

4.6(16)

The Ryte Structured Data Helper is a handy overview to quickly and clearly validate your page’s Schema markup. It highlights syntax…

Redirect Path

4.3(188)

The HTTP Header & Redirect Checker for SEO

Google Search Console Enhanced Analytics

4.6(13)

Google Search Console Enhanced Analytics is a simple, time-saving extension that enhances your analysis.

GSC Guardian

3.9(10)

Navigate SEO changes proactively with real-time tracking and analysis of Google's core updates.

Detailed SEO Extension

5.0(143)

Get SEO insights at the click of a button to any website you're currently on. Built by full-time SEO's for daily analysis.

Link Redirect Trace

4.8(338)

The all-in-one redirect path analyzer. It also analyzes HTTP Headers, REL-canonicals, robots.txt, link power, and link trust!

Web Vitals

4.1(38)

Measure metrics for a healthy site

SEO Minion

4.2(765)

SEO Minion helps you in your daily SEO tasks such as On-Page SEO analysis, Broken Link Checking, SERP Preview and more

SEO Pro Extension

4.8(75)

Are you ready to save at least 5 hours/week on daily SEO checks? If your answer is yes, then SEO Pro is exactly what you need.…

Core SERP Vitals

3.3(13)

Show the Core Web Vitals data from the Chrome User Experience Report in the Google Search Results.

Robots Exclusion Checker

5.0(27)

Live URL checks against robots.txt, meta robots, x-robots-tag & canonical tags. Simple Red, Amber & Green status. An SEO Extension.

SEO Search Simulator by Nightwatch

4.8(2.3K)

Simulate search engine queries from any location on Google and easily check and track your website or your competitor's rankings.

Ryte structured data helper

4.6(16)

The Ryte Structured Data Helper is a handy overview to quickly and clearly validate your page’s Schema markup. It highlights syntax…

Redirect Path

4.3(188)

The HTTP Header & Redirect Checker for SEO

Google Search Console Enhanced Analytics

4.6(13)

Google Search Console Enhanced Analytics is a simple, time-saving extension that enhances your analysis.

GSC Guardian

3.9(10)

Navigate SEO changes proactively with real-time tracking and analysis of Google's core updates.

Detailed SEO Extension

5.0(143)

Get SEO insights at the click of a button to any website you're currently on. Built by full-time SEO's for daily analysis.

Link Redirect Trace

4.8(338)

The all-in-one redirect path analyzer. It also analyzes HTTP Headers, REL-canonicals, robots.txt, link power, and link trust!

Web Vitals

4.1(38)

Measure metrics for a healthy site

SEO Minion

4.2(765)

SEO Minion helps you in your daily SEO tasks such as On-Page SEO analysis, Broken Link Checking, SERP Preview and more

Google apps