LOADING

View Rendered Source

View Rendered Source3.0

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

官方版无广告31

更新日期:2021年 8月 29日分类标签:语言:中文平台:

72.71KB 2 人已下载 手机查看

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

相关资源

Svelte Reactive Debugger
监控苗条的反应性陈述SvelteJs 使用在状态更改时重新执行的反应式语句。这些语句可能难以调试或监控。这就是这个扩展的用武之地。它允许通过在执行语句时显示语句以及在调用语句之前和之后显示状态快照来轻松监视反应语句。
Yandex spell checker
检查网站上的拼写检查网站上的拼写错误突出显示(不是在输入表单中)。使用 Yandex Spell API
TeamCity Notifier
显示有关 TeamCity 中各种事件的通知TeamCity 是 JetBrains 开发的 CI/CD 服务器软件。此扩展程序启用有关各种事件的浏览器通知,例如构建失败和分配的调查。
Smart pixel rulers
提供屏幕标尺及其在网页上的坐标
Night Viewer – Dark mode for view page source
Night Viewer 为查看页面源启用暗模式,结构化和格式化代码以使其更具可读性一个轻量级的免费 Chrome 扩展,可以为查看页面源启用暗模式。不仅如此,它还向您展示了浏览器如何将页面的原始 HTML 呈现为功能正常的 DOM,包括 JavaScript 所做的修改。 Night Viewer 允许您通过增
Socks5 Proxy for Shadowsocks
使用 socks5 代理配置你的浏览器这适用于您本地的 socks5 代理。

暂无评论

暂无评论...