小编典典

是否通过Chrome开发者工具查看来自Ajax调用的HTML响应?

ajax

因此,在我的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复制并粘贴到文本编辑器中?


阅读 287

收藏
2020-07-26

共1个答案

小编典典

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

2020-07-26