Visualización de respuesta HTML de la llamada Ajax a través de Chrome Herramientas para desarrolladores?

StackOverflow https://stackoverflow.com/questions/3181287

Pregunta

Así que en mi Javascript estoy haciendo una llamada AJAX a un servicio en mi sitio web. Vaya, algo falla. No hay problema. Esto es lo que me gustaría hacer en Firefox:

  1. Abra la consola de Firebug
  2. Para la llamada Ajax fallado y haga clic en el signo + para ver más información.
  3. La pestaña de respuesta tiene el HTML puro. ¿Quién quiere leer todo eso? Hago clic en la ficha HTML.
  4. Ah, el HTML con un formato agradable devuelto por Django muestra mi error de división por cero.

Ahora esto es lo que hago actualmente en Chrome:

  1. Ctrl + Shift + J para abrir las Herramientas de Desarrollo
  2. Ir a Recursos
  3. Vaya a la llamada Ajax y haga clic en
  4. Una vez más, veo HTML puro. Aún no se quiere leer todo eso, pero ya que no hay una ficha HTML puedo copiar y pegar en un editor de texto.
  5. Guardar archivo html
  6. Abrir archivo HTML en el navegador para que pueda leer el código HTML de error devuelto por Django

Así que a la pregunta. ¿Hay alguna forma para ver la respuesta HTML a partir de una llamada Ajax dictada en el navegador sin tener que copiar y pegar el código HTML en bruto a un editor de texto?

¿Fue útil?

Solución

No, actualmente no hay manera. Cuando goto Herramientas de Desarrollo> Recursos> XHR Tab> y haga clic en su recurso (a la izquierda), se ven dos pestañas. La primera es Headers (que es en bruto) y el contenido uno que es prima también.

Otros consejos

Sólo para su información, mientras que Firebug Lite hace no tiene un panel de red, hace tiene una característica XHR observador con la misma apariencia de Firebug. Por supuesto, Firebug Lite es muy limitada en comparación con las herramientas de desarrollo de Chrome, pero para algunas tareas específicas como la edición de CSS o inspección XHR, Firebug Lite hace el trabajo muy bien.

La versión estable actual aparecen las variables cabeceras HTTP, GET y POST, y el texto de respuesta. Pero la próxima versión 1.3.1 (que será lanzado en breve) incluye el visor HTML, XML espectador y el espectador JSON útil (tanto para la solicitud y los datos de respuesta).

Esta característica se incluye en el 1.3.1b2 próxima versión (probablemente la última versión beta de la versión 1.3.1), pero si usted quiere ver funcionando en este momento se puede utilizar el canal de desarrolladores .

Sí, la forma más fácil es usar la ficha Red en las herramientas de desarrollo.

  1. Ctrl + Shift + I para abrir las herramientas de desarrollo (o utilice la barra de menú en la parte superior: "Ver -> Desarrollador -> Herramientas de Desarrollo")
  2. Vaya a "red" pestaña
  3. Actualizar la página actual
  4. Vaya a la llamada de Ajax de la izquierda y haga clic
  5. El menú principal mostrará varias pestañas (por lo general el impago de vista previa). Haga clic en "Encabezados" y debería ver el encabezado de solicitud y respuesta de información.

clic derecho sobre el enlace solicitado en la pestaña de la consola de Firebug. A continuación, haga clic derecho y elegir la respuesta abierta en una nueva pestaña. Usted lo verá como HTML.

Desde que me di cuenta el botón derecho del ratón "guardar como" facultad ya no está allí en la pestaña de respuesta de la red> XHR> ... He creado un nuevo script de auto-tecla de acceso directo: (haga clic en el botón central del ratón sobre el texto de respuesta) 

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 y escribir una macro rápido de hacer los pasos necesarios para ver la respuesta en un XHR ventana del navegador ...

Aquí hay un guión que escribí en autohotkey que si pulsa el botón central del ratón (botón rueda del ratón) dentro de ese ventana de respuesta en las herramientas de desarrollo de Chrome> ficha Red, que va a hacer estos pasos:

  1. Haz clic derecho ... Haga clic en Guardar como
  2. pegue la ubicación del archivo en el archivo de prensa pronta y Enter
  3. Abra el navegador (aplicaciones por defecto) Archivo

  4. Borrar el archivo 

    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

Esto debería abrazarte hasta que Google lanza una actualización para una mejor visualización de las respuestas HTML. No estoy usando FireBug de FF más, se ha vuelto muy lento!

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top