View Rendered Source3.0

简介:
查看源已死。查看浏览器如何呈现页面，而不仅仅是服务器发送的内容。一个轻量级的 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 -------------------------------------------------- ——