首页 扩展程序 View Rendered Source

View Rendered Source

提供方: Jon Hogg
3
开发者工具 1,186 位用户

插件简介

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

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

其他信息

ID ejgngohbdedoabanmclafpkoogegdpob 版本 1.0 上次更新日期 2018年11月5日 大小 71.87KiB 语言 支持1 种语言 适用浏览器

谷歌浏览器、其他Chromium内核的浏览器

View Rendered Source Chrome插件下载

为打击盗链困扰,本站已启用人机验证
微信扫码关注左侧公众号,发送“插件”二字获得验证码,验证码5分钟全站有效