如何在浏览器中查看动态生成的源代码

Question

这不是关于我的代码中的错误的问题，而是关于如何在浏览器中刷新源代码的一般问题。它涉及到调试代码，所以我认为可以在这里提问。

基本上我有一个Rails应用程序，它使用ajax呈现偏色。我试图做一些调试，但在部分渲染时，浏览器中可见的源代码（Chrome/Saf/FF）不会更新，因此很难调试部分生成的标记。有没有通过浏览器访问部分代码的方法？

我有动态生成的id标签，并希望看看正在制作什么。

Answer 1

1. 按F12
2. 进入‘网络’选项卡
3. 点击‘XHR’除其他像“All”，“JS”，“CSS”等。
4. 访问的页面，并做AJAX调用
5. 单击新的网络请求，将显示右后
6. 点击“预览” /“响应”选项卡（无论你需要检查）除其他像“头”，“饼干“

Answer 2

我认为你的问题很糟糕，但我不是一个倒下的人。

我用Google搜索“看到源动态内容”，并得到了答案，开玩笑，因为我想“让我谷歌为你”，但SO禁止它:(

除非我错了什么你“再追问，任何动态内容将显示在浏览器的开发者工具，这在FF是在F12的检查。