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

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

仅供参考,而Firebug Lite可以 不 有网板,它 做 拥有与Firebug相同的外观和感觉的XHR观察功能。当然,与Chrome开发人员工具相比,Firebug Lite非常有限,但是对于一些特定的任务,如CSS编辑或XHR检查,Firebug Lite做得非常好。

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

此功能将包含在下一个版本1.3.1b2中(可能是1.3.1版本的最后一个测试版),但如果您希望看到它现在运行,可以使用 developer channel .

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

1. ctrl+shift+i打开开发人员工具(或使用顶部的菜单栏:“视图->开发人员->开发人员工具”)。
2. 转到“网络”选项卡
3. 刷新当前页面
4. 向下滚动到左侧的Ajax调用并单击
5. 主菜单将显示几个选项卡(通常默认为预览)。单击“headers”,您将看到请求和响应头信息。

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

因为我注意到网络上不再有右键单击“另存为”的功能,所以我创建了一个新的自动热键脚本:(在响应文本上单击鼠标中键)

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

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

这是我写的剧本 自动热键 如果在Chrome的“开发人员工具”>网络选项卡的响应窗口中按鼠标中键(鼠标跟键),将执行以下步骤:

1. 右键单击…单击另存为
2. 将文件位置粘贴到文件提示中,然后按Enter键
3. 打开文件(使用默认浏览器)

4. 删除文件

   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
   

在谷歌发布更新以更好地查看HTML响应之前,这应该会一直保持下去。我不再使用FF的Firebug了,它变得异常缓慢!