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

Question

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

基本上我有一个rails应用程序，使用ajax渲染部分。我正在尝试进行一些调试，但是在部署渲染时，浏览器中可见的源代码（Chrome / Saf / FF）不会更新，因此很难调试部分生成的标记。有没有办法通过浏览器访问部分代码？

我已经动态生成了id标签，想要了解正在制作的内容。

Answer 1

1. 按F12
2. 转到“网络”标签
3. 点击“全部”，“JS”，“CSS”等“XHR”等。
4. 访问该页面并进行AJAX调用
5. 点击
后会立即显示的新网络请求
6. 点击“预览”/“响应”标签（无论您需要检查哪些），例如“标题”，“Cookie”

Answer 2

我认为你的问题非常糟糕，但我不是一个要投票的人。

我用谷歌搜索“看到源代码中的动态内容”并得到了答案，开玩笑因为我想“让我谷歌那个为你”，但是SO禁止它：（

除非我对你所问的内容有误，否则任何动态内容都会显示在浏览器的开发者工具中，这些工具在FF中的检查员处于F12下。