通过Chrome Developer工具查看来自Ajax调用的HTML响应？

Question

所以在我的javascript中,我正在对我网站上的服务进行ajax调用.哎呀,事情失败了.没问题.这是我在Firefox中所做的事情:

1. 打开firebug控制台
2. 找到失败的Ajax调用,然后单击+号以查看更多信息.
3. 响应选项卡具有原始HTML.谁想读这一切？我单击HTML选项卡.
4. 啊,Django返回的格式良好的HTML显示我的零除错误.

现在,这是我目前在Chrome中所做的事情:

1. 按Ctrl + Shift + J打开开发人员工具
2. 转到资源
3. 向下滚动到Ajax调用并单击
4. 我再次看到原始HTML.仍然不想阅读所有内容,但由于没有HTML标签,我会复制并粘贴到文本编辑器中.
5. 保存html文件
6. 在浏览器中打开html文件,这样我就可以读取Django返回的错误HTML

所以关于这个问题.无论如何都要查看在浏览器中呈现的Ajax调用的HTML响应,而无需将原始html复制并粘贴到文本编辑器中？

Answer 1

不,目前没办法.当您转到开发人员工具>资源> XHR选项卡>并单击您的资源(在左侧)时,您会看到两个选项卡.第一个是标题(原始)和内容也是原始的.