View Rendered Source

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

Τι είναι το View Rendered Source;

Το View Rendered Source είναι ένα πρόσθετο Chrome που αναπτύχθηκε από τον https://viewrenderedsource.com, και η κύρια λειτουργία του είναι "View source is dead. See how the browser renders a page, not just what the server sends.".

Στιγμιότυπα Επέκτασης

screenshot
screenshot
screenshot
screenshot

Λήψη αρχείου CRX της επέκτασης View Rendered Source

Λήψη αρχείων επέκτασης View Rendered Source σε μορφή crx, εγκατάσταση των επεκτάσεων Chrome μη αυτόματα στον περιηγητή ή κοινοποίηση των αρχείων crx με φίλους για εύκολη εγκατάσταση των επεκτάσεων Chrome.

Οδηγίες Χρήσης της Επέκτασης

                        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

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

Βασικές Πληροφορίες Επέκτασης

Όνομα View Rendered Source View Rendered Source
ID ejgngohbdedoabanmclafpkoogegdpob
Επίσημο URL https://chromewebstore.google.com/detail/view-rendered-source/ejgngohbdedoabanmclafpkoogegdpob
Περιγραφή View source is dead. See how the browser renders a page, not just what the server sends.
Μέγεθος Αρχείου 73.68 KB
Αριθμός Εγκαταστάσεων 32,048
Τρέχουσα Έκδοση 4.0
Τελευταία Ενημέρωση 2023-06-06
Ημερομηνία Δημοσίευσης 2020-05-16
Αξιολόγηση 4.61/5 Συνολικά 33 Αξιολογήσεις
Προγραμματιστής https://viewrenderedsource.com
Ηλεκτρονικό ταχυδρομείο [email protected]
Τύπος Πληρωμής free
Υποστηριζόμενες Γλώσσες 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:\/\/*\/*"
    ]
}