View Rendered Source

Peg Leg Ltd

Featured

4.4(

41 ratings

)

Extension Developer Tools30,000 users

Item media 3 (screenshot) for View Rendered Source

Item media 4 (screenshot) for View Rendered Source

Item media 1 (screenshot) for View Rendered Source

Item media 2 (screenshot) for View Rendered Source

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.4 out of 5
41 ratings
Learn more about results and reviews.

Details

Version
4.0
Updated
June 6, 2023
Flag concern
Size
73.68KiB
Languages
English
Developer
Peg Leg Ltd
71-75 Shelton Street Covent Garden London WC2H 9JQ GB
Website
Email
jonhoggg@gmail.com
Phone
+44 7876 202708
Trader
This developer has identified itself as a trader per the definition from the European Union and committed to only offer products or services that comply with EU laws.
D-U-N-S
234537902

Privacy

Manage extensions and learn how they're being used in your organization

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

Google Search Console Enhanced Analytics

4.8

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

GSC Guardian

4.2

Stay on top of your website's health. Check for incidents in your Google Search Console data with a simple graph.

SEO Schema Visualizer

5.0

Visualize JSON-LD schema markup at the click of a button

Schema Builder for Structured Data

3.6

Easily build validated json-ld structured data markup for any webpage. Based on schema.org specification

Link Redirect Trace

4.8

The all-in-one redirect path analyzer. It also analyzes protocol headers, REL-canonicals, robots.txt, backlink power, and trust!

Gandalf

3.9

Gandalf is a powerful Chrome extension designed to transform your Google Search Console experience.

Advanced GSC Visualizer

4.5

Advanced charting with annotations & AI assistant for Google Search Console. One-click API access for data visualization.

Core SERP Vitals

3.4

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

Robots Exclusion Checker

4.9

Checks robots.txt, meta robots, x-robots-tag with URL alerts. Canonical warnings, HTTP header info. An SEO extension, robots tester.

Hreflang Checker

4.0

Quickly check hreflang tags on webpages for SEO. Validate return links, language codes, canonical URLs, and detect geo-IP redirects.

Redirect Path

4.3

The HTTP Header & Redirect Checker for SEO

SEO Render Insight Tool

5.0

Visualize client-side vs server-side rendered content for SEO. Per-element CSR/SSR breakdown, performance signals, and minimap.