通过Chrome开发人员工具查看来自Ajax调用的HTML响应？
通过Chrome开发人员工具查看来自Ajax调用的HTML响应？
提问于 2010-07-06 01:48:18
所以在我的javascript中，我对我的网站上的一个服务进行了一个ajax调用。哦，有什么地方出问题了。没问题。下面是我在Firefox中要做的事情：
- 打开firebug控制台
- 找到失败的Ajax调用并单击+号查看更多信息。
- 响应选项卡中有原始的超文本标记语言。谁想把这些都读出来呢？我点击超文本标记语言标签。
- 啊，Django返回的格式很好的超文本标记语言显示了我的除以零错误。
下面是我目前在Chrome中做的事情：
- Ctrl+Shift+J要打开开发人员工具，请转到Resources
- Scroll下至Ajax调用，然后再次单击
- ，我会看到原始的
- 。我仍然不想阅读所有这些，但因为没有HTML标签，我复制并粘贴到文本编辑器中。
- 保存html文件
- 在浏览器中打开html文件，这样我就可以读取由Django
返回的错误HTML
因此，请继续讨论问题。有没有办法查看在浏览器中呈现的Ajax调用的HTML响应，而不必将原始html复制并粘贴到文本编辑器中？
回答 6
Stack Overflow用户
回答已采纳
发布于 2010-07-06 05:58:32
不，目前还没有办法。当您转到Developer Tools > Resources > XHR Tab >并单击您的资源(左侧)时，您会看到两个选项卡。第一个是头(它是原始的)和内容也是原始的。
Stack Overflow用户
发布于 2010-07-21 06:04:27
仅供你参考，虽然Firebug Lite没有有一个网络面板，但它有一个XHR观察器功能，具有与Firebug相同的外观和感觉。当然，与Chrome开发人员工具相比，Firebug Lite非常有限，但对于一些特定的任务，如CSS编辑或XHR检查，Firebug Lite做得非常好。
当前的稳定版本显示了HTTP标头、GET和POST变量以及响应文本。但是下一个版本1.3.1 (即将发布)包括HTML查看器、XML查看器和方便的JSON查看器(用于请求和响应数据)。
这个特性将包含在下一个版本1.3.1b2中(可能是1.3.1版本的最后一个测试版)，但是如果你想现在就看到它运行，你可以使用developer channel。
Stack Overflow用户
发布于 2012-02-07 08:40:18
是的，最简单的方法是使用开发人员工具中的网络选项卡。
- Ctrl+Shift+I打开开发人员工具(或使用顶部的菜单栏：“查看-> Developer ->开发人员工具”)
- 转到“网络”选项卡
- 刷新当前页面
- 向下滚动到左侧的Ajax调用并单击
- 主菜单将显示几个选项卡(通常默认为预览)。单击"Headers“，您应该会看到请求和响应头information.
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3181287
复制相关文章
相似问题