View Rendered Source là gì?

View Rendered Source là một tiện ích mở rộng Chrome được phát triển bởi https://viewrenderedsource.com, và tính năng chính của nó là "View source is dead. See how the browser renders a page, not just what the server sends.".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

Tải xuống tệp CRX của tiện ích mở rộng View Rendered Source

Tải xuống các tệp mở rộng View Rendered Source dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

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

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

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên	View Rendered Source
ID	ejgngohbdedoabanmclafpkoogegdpob
URL Chính Thức	https://chromewebstore.google.com/detail/view-rendered-source/ejgngohbdedoabanmclafpkoogegdpob
Mô tả	View source is dead. See how the browser renders a page, not just what the server sends.
Kích Thước Tệp	73.68 KB
Số Lần Cài Đặt	32,048
Phiên Bản Hiện Tại	4.0
Cập Nhật Lần Cuối	2023-06-06
Ngày Phát Hành	2020-05-16
Đánh Giá	4.61/5 Tổng số 33 Đánh Giá
Nhà Phát Triển	https://viewrenderedsource.com
Email	[email protected]
Loại Thanh Toán	free
Ngôn Ngữ Được Hỗ Trợ	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:\/\/\/" ] }