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.”。
擴展截圖
下載View Rendered Source擴展crx文件
下載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 |
| ID | ejgngohbdedoabanmclafpkoogegdpob |
| 官方網址 | 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": [
" | |
