View Rendered Source

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

¿Qué es View Rendered Source?

View Rendered Source es una extensión de Chrome desarrollada por https://viewrenderedsource.com, y su función principal es "View source is dead. See how the browser renders a page, not just what the server sends.".

Capturas de Pantalla de la Extensión

screenshot
screenshot
screenshot
screenshot

Descargar Archivo CRX de la Extensión View Rendered Source

Descarga archivos de extensión View Rendered Source en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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

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

Información Básica de la Extensión

Nombre View Rendered Source View Rendered Source
ID ejgngohbdedoabanmclafpkoogegdpob
URL Oficial https://chromewebstore.google.com/detail/view-rendered-source/ejgngohbdedoabanmclafpkoogegdpob
Descripción View source is dead. See how the browser renders a page, not just what the server sends.
Tamaño del Archivo 73.68 KB
Cantidad de Instalaciones 32,048
Versión Actual 4.0
Última Actualización 2023-06-06
Fecha de Publicación 2020-05-16
Calificación 4.61/5 Total de 33 Calificaciones
Desarrollador https://viewrenderedsource.com
Correo electrónico [email protected]
Tipo de Pago free
Idiomas Soportados en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "View Rendered Source",
    "version": "4.0",
    "description": "View source is dead. See how the browser renders a page, not just what the server sends.",
    "icons": {
        "16": "icon16.png",
        "32": "icon32.png",
        "48": "icon48.png",
        "128": "icon128.png"
    },
    "action": {
        "default_title": "View Rendered Source"
    },
    "author": "Jon Hogg",
    "background": {
        "service_worker": "background.js"
    },
    "commands": {
        "_execute_action": {
            "suggested_key": {
                "default": "Alt+U"
            }
        }
    },
    "content_scripts": [
        {
            "run_at": "document_start",
            "matches": [
                ""
            ],
            "js": [
                "content.js"
            ]
        }
    ],
    "permissions": [
        "contextMenus",
        "storage"
    ],
    "host_permissions": [
        "http:\/\/*\/*",
        "https:\/\/*\/*"
    ]
}