【问题标题】：How to view dynamically generated source code in browser如何在浏览器中查看动态生成的源代码
【发布时间】：2016-01-15 11:43:46
【问题描述】：
这不是关于我的代码中的错误的问题，而是关于如何在浏览器中刷新源代码的一般问题。它确实与调试代码有关，所以我认为可以在这里问。
基本上我有一个使用 ajax 呈现局部的 rails 应用程序。我正在尝试进行一些调试，但是在渲染部分时，在浏览器（Chrome/Saf/FF）中可查看的源代码不会更新，因此很难调试部分生成的标记。有没有办法通过浏览器访问部分代码？
我已经动态生成了 id 标签，想看看正在生成什么。
【问题讨论】：
标签：
ruby-on-rails
ajax
google-chrome
firefox
safari
【解决方案1】：
- 按 F12
- 转到“网络”标签
- 点击“XHR”以及“All”、“JS”、“CSS”等。
- 访问页面并进行 AJAX 调用
- 点击紧随其后显示的新网络请求
- 点击“预览”/“响应”选项卡（无论您需要检查哪个）以及“标题”、“Cookie”等其他选项卡
【解决方案2】：
我认为你的问题很糟糕，但我不赞成投反对票。
我用谷歌搜索了“查看源中的动态内容”并得到了答案，开玩笑是因为我想“让我为你搜索一下”，但 SO 禁止这样做 :(
除非我对您的要求有误，否则任何动态内容都会显示在浏览器的开发者工具中，在 FF 中位于检查器中的 F12 下。