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 |
| 官方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": [
" | |
