51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

View Rendered Source

ID: ejgngohbdedoabanmclafpkoogegdpob

提供方: www.jonhogg.com

版本: 3.0

大小: 72.71KiB

更新时间: 2023-03-02 00:39:19

支持语言: 英语

简介:

查看源已死。查看浏览器如何呈现页面,而不仅仅是服务器发送的内容。
一个轻量级的 Chrome 扩展程序,它向您展示了浏览器如何将页面的原始 HTML 构建(渲染)为一个正常运行的 DOM,包括 JavaScript 所做的修改。

对于使用 Angular、ReactJS 和 Vue.js 等 JavaScript 框架的 Web 开发人员以及让 SEO 了解搜索引擎如何查看您的页面的必不可少的工具,尤其是考虑到 Google 的动态服务解决方法。

原始版本和渲染版本之间的差异逐行突出显示,显示 JavaScript 如何在渲染时修改页面。


有3个部分:

* Raw:在渲染 DOM 之前从服务器发送到浏览器的源代码。与您在浏览器中看到的传统"查看源代码"相同(在对格式进行细微调整后)

* Rendered:在源代码被插入 DOM 之后呈现的页面,包括由 Javascript 所做的任何修改

* 差异:渲染源和原始源之间的差异。 JavaScript 修改了 DOM 时会出现差异。


自适应网站?
如果您为移动设备提供不同的源代码,请使用移动用户代理复选框轻松模拟。

为 Google 提供动态服务?
(更多信息:https://developers.google.com/search/docs/guides/dynamic-rendering)
使用 Google 为大量使用 Javascript 的网站设计的动态渲染解决方法?只需请求原始来源作为 Googlebot 并确保完美的技术 SEO。适用于 GatsbyJS 和 Prerender。


问题?问题?建议?

DM 开发人员:https://twitter.com/ItsHogg


插件下载:

赞(10)
未经允许不得转载:工具盒子 » View Rendered Source