View Rendered Source

2024年08月25日 开发者工具

插件截图

View Rendered Source

插件概述

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

插件详情

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

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

其他信息

官方唯一标识:ejgngohb****************ogegdpob

官方最后更新日期:2019年2月23日

分类:开发者工具

大小:71.88KiB

版本:2.0

语言:English

提供方:www.jonhogg.com

星级:5

插件下载

下载链接一     下载链接二
Chrome插件离线安装教程

温馨提示

本站中的部份内容来源网络和网友发布,纯属个人收集并供大家交流学习参考之用,版权归版权原作者所有

如果您发现网站上有侵犯您的知识产权的作品,请与我们取得联系,我们会及时修改或删除。

如果您觉得网多鱼对您有帮助,欢迎收藏我们 Ctrl+D