Просмотр ответа HTML от AJAX Call через инструменты разработчика Chrome?

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

Вопрос

Так что в моем JavaScript я делаю Ajax Call на сервис на моем сайте. Упс, что-то не удается. Без проблем. Вот что я бы сделал в Firefox:

  1. Откройте консоль Firebug
  2. Найдите неисправный вызов AJAX и нажмите «Подпись +», чтобы увидеть больше информации.
  3. Вкладка «Ответ» имеет RAW HTML. Кто хочет прочитать все это? Я нажаю вкладку HTML.
  4. Ах, красиво отформатированный HTML, возвращенный Django, показывает мое деление на нулевую ошибку.

Теперь вот что я в настоящее время делаю в Chrome:

  1. Ctrl + Shift + J Чтобы открыть инструменты разработчика
  2. Перейти к ресурсам
  3. Прокрутите вниз до вызова AJAX и нажмите
  4. Еще раз я вижу RAW HTML. Все еще не хочу читать все это, но так как нет вкладка HTML, я копирую и вставку в текстовый редактор.
  5. Сохранить HTML-файл
  6. Откройте файл HTML в браузере, чтобы я мог прочитать ошибку HTML, возвращаемый Django

Так далее к вопросу. Есть ли в любом случае, чтобы просмотреть ответ HTML от вызова AJAX, представленного в браузере без копирования и вставки RAW HTML в текстовый редактор?

Это было полезно?

Решение

Нету, в настоящее время нет пути. Когда вы получаете Tools Tools> Resources> XHR Tab> и нажмите на ваш ресурс (слева), вы видите две вкладки. Первый, будучи заголовком (который является сырой) и содержание, которое также является сырой.

Другие советы

Просто для вашей информации, в то время как Firebug Lite делает нет иметь чистую панель, это делает есть функция наблюдения XHR с таким же внешним видом и чувством Firebug. Конечно, Firebug Lite очень ограничен по сравнению с инструментами разработчиков Chrome, но для некоторых конкретных задач, таких как CSS редактирование или XHR-инспекция, Firebug Lite очень хорошо делает работу.

Текущая устойчивая версия показывает вам заголовки HTTP, Get и Post Pointable и текст ответа. Но следующая версия 1.3.1 (которая будет выпущена в ближайшее время) включает в себя VTML-просмотрщик, просмотр XML и удобный просмотр JSON (для данных запроса и ответа).

Эта функция будет включена в следующую версию 1.3.1b2 (вероятно, последняя версия бета-версии для версии 1.3.1), но если вы хотите увидеть его, вы можете использовать Разработчик канал.

Да, самый простой способ - использовать сетевую вкладку в инструментах разработчиков.

  1. Ctrl + Shift + I Чтобы открыть инструменты разработчика (или использовать строку меню в верхней части: «Просмотр -> Разработчик -> Инструменты разработчика»)
  2. Перейти на вкладку «Сеть»
  3. Обновить свою текущую страницу
  4. Прокрутите вниз до вызова AJAX слева и нажмите
  5. Главное меню покажет несколько вкладок (обычно по умолчанию для предварительного просмотра). Нажмите «Заголовки», и вы должны увидеть информацию заголовка запроса и ответа.

Щелкните правой кнопкой мыши на запрошенной ссылке на вкладке консоли в Firebug. Тогда щелкните правой кнопкой мыши и выберите Открыть ответ на новой вкладке. Вы увидите его как HTML.

Поскольку я заметил, что Щелкните правой кнопкой мыши «Сохранить как« Способность »больше нет в сети> XHR> вкладка ответа ... Я создал новый скрипт Auto-Hotey: (нажмите среднюю кнопку мыши на тексте ответа)

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 в окне браузера ...

Вот сценарий, который я написал в autohotkey. Что, если вы нажмете кнопку «Средняя мышь» (кнопка мыши колеса) внутри этого окна ответа в вкладке «Инструменты разработчика 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

Это должно удержать вас до Til Google выпускает обновление для лучшего просмотра для ответов HTML. Я больше не использую FF Firebug, он становится невероятно медленным!

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top