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은(는) https://viewrenderedsource.com에 의해 개발된 Chrome 확장 프로그램으로, 주요 기능은 "View source is dead. See how the browser renders a page, not just what the server sends."입니다.

확장 프로그램 스크린샷

screenshot
screenshot
screenshot
screenshot

View Rendered Source 확장 프로그램 CRX 파일 다운로드

크롬 확장 프로그램을 crx 형식으로 다운로드하여 브라우저에 수동으로 설치하거나 crx 파일을 친구들과 공유하여 쉽게 크롬 확장 프로그램을 설치하세요.

확장 프로그램 사용 설명서

                        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:\/\/*\/*"
    ]
}