Javascript 通过Chrome开发者工具查看Ajax调用的HTML响应？

因此，在我的javascript中，我正在对我的网站上的服务进行ajax调用。哎呀，有些东西坏了。没问题。以下是我在Firefox中要做的：

打开firebug控制台

找到失败的Ajax调用并单击+符号查看更多信息

“响应”选项卡包含原始HTML。谁想读这些？我单击HTML选项卡

啊，Django返回的格式很好的HTML显示了我的被零除错误

下面是我目前在Chrome中所做的：

Ctrl+Shift+J打开开发人员工具

转到资源

向下滚动到Ajax调用并单击

我再次看到了原始HTML。我仍然不想阅读所有这些内容，但由于没有HTML选项卡，我将其复制并粘贴到文本编辑器中

保存html文件

在浏览器中打开html文件，以便读取Django返回的错误html

---

接下来是这个问题。是否可以查看浏览器中呈现的Ajax调用的HTML响应，而无需将原始HTML复制并粘贴到文本编辑器？

不，目前没有办法。当你转到开发者工具>资源>XHR选项卡>并点击你的资源（在左边），你会看到两个选项卡。第一个是标题（它是原始的）和内容也是原始的。

仅供参考，虽然Firebug Lite没有网络面板，但它有一个与Firebug外观相同的XHR watcher功能。当然，与Chrome开发者工具相比，Firebug Lite非常有限，但是对于一些特定的任务，如CSS编辑或XHR检查，Firebug Lite做得非常好

当前的稳定版本向您显示HTTP头、GET和POST变量以及响应文本。但下一个版本1.3.1（即将发布）包括HTML查看器、XML查看器和方便的JSON查看器（用于请求和响应数据）

---

此功能将包含在下一版本1.3.1b2（可能是1.3.1版本的最后一个测试版）中，但如果您希望看到它立即运行，可以使用。

是的，最简单的方法是使用开发人员工具中的“网络”选项卡

Ctrl+Shift+I打开开发人员工具（或使用顶部的菜单栏：“查看->开发人员->开发人员工具”）

转到“网络”选项卡

刷新当前页面

向下滚动到左侧的Ajax调用并单击

主菜单将显示多个选项卡（通常默认为预览）。单击“Headers”，您应该会看到请求和响应标题信息

您可以下载并编写一个快速宏来执行在浏览器窗口中查看XHR响应所需的步骤

下面是我写的一个脚本，如果你在Chrome的开发者工具>网络选项卡的响应窗口中按下鼠标中键（鼠标滚轮按钮），它将执行以下步骤：

右键单击…单击另存为

将文件位置粘贴到文件提示中，然后按Enter键

打开文件（使用默认浏览器）

删除该文件

MButton::
MouseClick, right
MouseGetPos, xpos, ypos
xpos := xpos + 5
ypos := ypos + 5
MouseMove, xpos, ypos
MouseClick, left
Sleep, 500
ClipSaved := ClipboardAll
Clipboard := "C:\Users\David\Desktop\temp_xhr_response.html"
Send, ^v  {Enter}
Clipboard = %ClipSaved%
sleep, 500
Run, open "C:\Users\David\Desktop\temp_xhr_response.html"
sleep, 1000
FileDelete, C:\Users\David\Desktop\temp_xhr_response.html
return

---

在Google发布更新以更好地查看HTML响应之前，这应该会让您一直处于等待状态。我不再使用FF的FireBug了，它变得非常慢

由于我注意到网络>XHR>响应选项卡上不再有右键单击“另存为”功能，我创建了一个新的自动热键脚本：（在响应文本上单击鼠标中键）

---

右键单击firebug控制台选项卡中请求的链接。然后右键单击并选择“在新选项卡中打开响应”。您将看到它是HTML

是的，我也这么想，但我想问也无妨。我再给你一天时间，既然你很乐意回答这个问题，那就接受这个答案。也许我们可以制作第三个标签，我们可以称之为查看器。因此，根据内容类型（json、xml、html、plain），它将以不同的方式呈现。请随意在中提交功能请求，我可以将该bug标记为可用，以便人们可以对其进行分类、分配，或者有人可以为其提供补丁。应该不难实现，因为它的所有JavaScript和一切都是可用的。完成后，将其添加到分类阶段，这是一个很好的特性。谢谢

MButton::
MouseClick, left
ClipSaved := ClipboardAll
Send, ^a^c
sleep, 500
FileName := "C:\Users\David\Desktop\temp_xhr_response.html"
file := FileOpen(FileName, "w")
if !IsObject(file)
{
MsgBox Can't open "%FileName%" for writing.
return
}
StringGetPos, pos, Clipboard, HeadersPreviewResponseCookiesTiming
if pos = -1
{
pos = 0 
}
TestString := SubStr(Clipboard, pos+38)
file.Write(TestString)
file.Close()
Run, open "C:\Users\David\Desktop\temp_xhr_response.html"
Clipboard = %ClipSaved%
sleep, 1000
FileDelete, C:\Users\David\Desktop\temp_xhr_response.html
return