如何通过ChromeDeveloper工具查看Ajax调用中的HTML响应?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (83)

在我的javascript做了一个Ajax调用我的网站上的服务。以下是我在Firefox中要做的事情:

  1. 打开萤火虫控制台
  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复制并粘贴到文本编辑器中?

提问于
用户回答回答于

没有办法。当开发者工具>资源> XHR标签>然后点击资源(在左边),看到两个标签。第一个是Headers(这是原始的)和Content(是原始的)。

用户回答回答于

Firebug的精简版并没有NET面板,它确实具有相同的外观和感觉萤火虫的XHR守望功能。当然,与Chrome Developer Tools相比,Firebug Lite非常有限,但对于CSS编辑或XHR检查等特定任务,Firebug Lite可以很好地完成这项工作。

当前的稳定版本显示HTTP标头,GET和POST变量以及响应文本。

扫码关注云+社区

领取腾讯云代金券