View Rendered Source是一款轻量级Chrome扩展程序，专注于呈现页面完整渲染后的DOM，并直观对比原始HTML与动态修改后的差异。它能有效助力开发者排查JavaScript对页面的调整，精准定位代码执行带来的变化，是JavaScript审计与故障排除的实用工具，完全免费
插件功能
* Raw：在 DOM 渲染之前从服务器发送到浏览器的源代码。与您在浏览器中看到的传统“查看源代码”相同（经过细微的格式调整后）
* 渲染：源代码被解释为 DOM 后渲染的页面，包括 Javascript 所做的任何修改
* 差异：渲染源和原始源之间的差异。当 JavaScript 修改 DOM 时就会出现差异。
插件说明
一个轻量级的 Chrome 扩展程序，向您展示浏览器如何将页面的原始 HTML 构建（渲染）为正常运行的 DOM，包括 JavaScript 所做的修改。
对于使用 Angular、ReactJS 和 Vue.js 等 JavaScript 框架的 Web 开发人员以及 SEO 来说，这是一个重要的工具，可以帮助他们了解搜索引擎如何查看您的页面，特别是考虑到 Google 的动态服务解决方案。
原始版本和渲染版本之间的差异逐行突出显示，显示 JavaScript 如何在渲染时修改页面。
插件安装说明
1、在打开的谷歌浏览器的扩展管理器
就是点击最左侧的三个点，在弹出的菜单中选择【更多工具】——【扩展程序】
或者你可以在地址栏中直接输入chrome://extensions/
2、进入扩展程序页面后将开发者模式打勾
3、最后将解压出来的crx文件拖入到浏览器中即可安装添加
4、如果出现无法添加到个人目录中的情况，可以将crx文件右键，然后选择【管理员取得所有权】，再尝试重新安装
5、安装好后即可使用
扫码关注公众号，发【识别码】获取
