• 和谐通知
  • 微软官方宣布,未来将基于 Google 此前推出的开源项目 Chromium 打造 Edge 浏览器
  • 谷歌计划实施更严格Chrome扩展程序规则,降低挖矿恶意软件风险
  • Google计划撤掉Chrome浏览器扩展“内联式安装”功能
  • Chrome浏览器加固修复幽灵漏洞:内存占用将多出13%
  • 52插件网将对一些老旧不更新插件提供外链下载
  • Chrome 67版本之后重新启用拖拽安装离线插件的办法
  • Google 向扩展开发者警告钓鱼攻击
  • 流行 Chrome 扩展 YouTube+出售后变成广告软件
  • Firefox 和 Chrome 下架流行扩展 Stylish
插件商店

View Rendered Source

开发工具 7个月前 (11-24) 141次浏览 0个评论 1 次下载   更新插件
  • 市场评分5(总分5分)
  • 评分用户3
  • 用户数量1355
  • 插件大小71.87KiB
  • 最新版本1.0
  • 更新日期2018年11月5日

视图源已死。查看浏览器如何呈现页面,而不仅仅是服务器发送的内容。

插件截图






详细介绍

一个轻量级的Chrome扩展,它向您展示了浏览器如何将页面的原始HTML构造(呈现)成一个功能强大的DOM,包括JavaScript所做的修改。

对于使用Angular、react tjs和Vue等JavaScript框架的web开发人员来说,这是一个必不可少的工具。特别是考虑到谷歌的动态服务解决方案。

原始版本和呈现版本之间的差异逐行高亮显示,显示JavaScript如何在呈现时修改页面。

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
分为三个部分:

* Raw:在呈现DOM之前从服务器发送到浏览器的源代码。与您在浏览器中看到的传统“查看源代码”相同(在稍微调整了格式之后)

*渲染:源文件被解释成DOM后的渲染页面,包括Javascript所做的任何修改

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

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

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

谷歌的动态服务?
(更多信息:https://developers.google.com/search/docs/guides/dynamic-rendering)
使用专为javascript站点设计的谷歌动态呈现工作区?只要求原始源代码作为Googlebot和确保完美的技术搜索引擎优化。与GatsbyJS和Prerender合作。

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

的问题?问题吗?建议吗?

开发者DM: https://twitter.com/ItsHogg

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


我爱Chrome插件网 , 版权所有丨如未注明 , 均为搬运丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:View Rendered Source
喜欢 (0)
关于作者:
乐趣公园站长,我爱Chrome插件网搬运工
发表我的评论
取消评论
表情 删除线 斜体

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址