Как посмотреть post запрос в chrome
Перейти к содержимому

Как посмотреть post запрос в chrome

  • автор:

Как сделать пост запрос по клику из расширения chrome

Мой код открывает новую вкладку с редиректом на указанную страницу,а как сделать POST запрос ?

document.getElementById('consoleLogJsonButton') .addEventListener('click', () => < chrome.tabs.create(< url: 'http://www.google.com/' >); >) 

Отслеживать

12.1k 5 5 золотых знаков 29 29 серебряных знаков 40 40 бронзовых знаков

задан 3 фев 2021 в 10:09

Игорь Антонов Игорь Антонов

11 1 1 бронзовый знак

Используйте либу axios или средствами браузера XMLHttpRequest, fetch. Вероятно вам еще придется поправить manifest.json, что-бы хром позволил делать запросы из расширения.

Как посмотреть post запрос в chrome

Добрый вечер, коллеги.
Можно ли через fiddler увидеть тело post запроса? Если да, то как. Вижу только заголовки и ответ. Или может быть есть другая возможность увидеть тело post запроса? В гугл хром тоже только заголовки и ответ.
Спасибо.

Разве фиддлер может выступать веб-сервером (чтобы ты тело поступающего запроса увидел)?
(1) не поступающего, а отправленного
если с точки зрения сервера, то да, поступающего

Тело нет в запросе. Точнее, тело — это просто закодированный URL метода get. Вместо тело может бытт post запрос (отправляемый как form/data). Но его видно даже в отладчике хрома, во вкладке Network.

(0) Ищи внимательнее, последний раздел, form/data — там отправляемый post запрос. Еще может быть ответ сервера как 300, тогда надо по всем редиректам пройтись обратно.

(4) ответ 201, но закладки form/data не вижу, сейчас поищу
(2) А, блин, это ж перехватчик. Попутал с СоапУИ )

(6)В инструментах разработчика, раздел Nerwork, встаешь на нужную строку запроса и в правой части будут все переменные, которые Передаются/Принимаются, среди них и твои post параметры.

Глупец, лишенный способности посмеяться над собой вместе с другими, не сможет долго выносить программирование. Фредерик Брукс-младший

Самый простой способ извлечь тело запроса из POST-запроса в инструментах разработчика Chrome без каких-либо плагинов

Какой самый простой способ извлечь JSON из тела запроса в инструментах разработки Chrome без установки любого плагина. Я могу увидеть запрос и ответ во вкладке «Сеть», но как мне извлечь JSON из тела запроса. Что я ожидаю: В Chrome, под панелью инструментов разработки при проверке запроса, вы видите данные формы . Под этим есть кнопка источник просмотра . Она содержит данные формы, закодированные в URL. Если мы можем декодировать ее в JSON и распечатать строковый результат на консоли. google-chrome google-chrome-devtools ie-developer-tools

Поделиться Источник 17 июля 2017 в 15:37

2 ответа

  1. Вы можете просто перейти в Сеть — Заголовки — Источник просмотра
  2. Затем скопируйте свой JSON и вставьте в jsonformater, например форматировщик онлайн или ваш форматировщик IDE

ОБНОВЛЕНИЕ: запуск Chrome 96 «Payload» переместился на отдельную вкладку https://developer.chrome.com/blog/new-in-devtools-96/#payload

Поделиться 16 января 2019 в 14:24

Вы можете нажать на вкладку «Сеть», это покажет вам все ваши запросы и их ответы. Нажмите на один и нажмите на вкладку «Заголовки». Прокрутите вниз, пока не увидите «Формировать данные», затем вы можете скопировать и вставить информацию оттуда.

Если это вызов ajax, вы можете использовать вкладку «Источники», чтобы найти часть клиентского скрипта, где делается AJAX-запрос, а затем вы можете установить точку останова. Как только вы достигнете точки останова, вы можете использовать вкладку «Консоль», чтобы «отменить» запрос xhr, который будет сделан, чтобы получить нужную информацию с помощью console.log(myXhrRequest)

Создание и отправка запросов веб-API с помощью средства сетевой консоли

Используйте средство сетевой консоли для отправки запросов веб-API. Например, используйте средство сетевой консоли при разработке и тестировании веб-API.

Чтобы проверить URL-адрес, выполните приведенные далее действия.

  1. Чтобы открыть средства разработки, щелкните веб-страницу правой кнопкой мыши и выберите пункт Проверить. Или нажмите клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS).
  2. На панели инструментов main нажмите кнопку Дополнительные инструменты (значок другие инструменты) и выберите Пункт Сетевая консоль. Откроется средство «Сетевая консоль»: Средство сетевой консоли
  3. Щелкните Создать запрос.
  4. Нажмите кнопку Скрыть навигатор сетевой консоли (значок , чтобы получить больше места.
  5. В текстовом поле Запрос без названия введите URL-адрес для проверки, например: https://microsoftedge.github.io/Demos/devtools-a11y-testing/
  6. В раскрывающемся списке GET выберите метод REST, например GET, который используется по умолчанию. К методам REST относятся:
    • GET
    • HEAD
    • POST
    • PUT
    • PATCH
    • DELETE
    • ПАРАМЕТРЫ
  7. При необходимости в разделе Запрос введите пары «ключ-значение» в текстовых полях «Ключ » и «Значение «, например ИДЕНТИФИКАТОР и 123: Ввод пар Вычисленный URL-адрес обновляется по мере ввода пар «ключ-значение».
  8. Нажмите кнопку Отправить . В нижней части средства «Сетевая консоль» отображаются следующие вкладки:
    • Предварительный просмотр
    • Основной текст
    • Заголовка
    • Файлы cookie

Открытие средства «Сетевая консоль» в средстве «Сеть»

Чтобы получить доступ к средству «Сетевая консоль» , начните с средства «Сеть» , выполните следующие действия.

  1. Чтобы открыть средства разработки, щелкните веб-страницу правой кнопкой мыши и выберите пункт Проверить. Или нажмите клавиши CTRL+SHIFT+I (Windows, Linux) или COMMAND+OPTION+I (macOS).
  2. На панели инструментов main выберите вкладку Сеть (значок средства сети). Если эта вкладка не отображается, нажмите кнопку Другие инструменты (значок ) и выберите Сеть.
  3. Обновите веб-страницу. Средство «Сеть» отображает ресурсы, используемые для создания веб-страницы.
  4. Щелкните правой кнопкой мыши сетевой запрос, который нужно изменить и повторно отправить, а затем выберите Изменить и повторно отправить: Щелкните правой кнопкой мыши ресурс для веб-страницы, чтобы выбрать Средство «Сетевая консоль» откроется на панели Быстрого просмотра в нижней части devTools.
  5. Нажмите кнопку Скрыть навигатор сетевой консоли (значок , чтобы получить больше места.
  6. Измените сведения о сетевом запросе и нажмите кнопку Отправить : Изменение сетевого запроса и нажатие кнопки

Сохранение и экспорт коллекций, сред и переменных среды

  • Сохранение и экспорт коллекций.
  • Сохранение и экспорт сред.
  • Изменение и экспорт наборов переменных среды.

Чтобы определить и сохранить новую среду, выполните следующие действия:

  1. В средствах разработки в средстве сетевой консоли убедитесь, что отображается левая часть средства навигатора. При необходимости нажмите кнопку Показать навигатор сетевой консоли ( значок
  2. В разделе Среды нажмите кнопку Создать (новый значок).
  3. В появившемся текстовом поле введите имя новой среды: Ввод имени для новой среды
  4. Выберите формат для новой среды:
    • Сетевая консоль — поддерживает несколько сред в одном файле.
    • Postman — поддерживает одну среду для каждого файла, но работает с Postman.

Выбор формата для новой среды

Средство сетевой консоли совместимо со схемами Postman версии 2.1 и OpenAPI версии 2 .

  • Сохранение и экспорт с помощью сетевой консоли в новых возможностях в средствах разработки (Microsoft Edge 87)
  • Postman.com — платформа для создания и тестирования API.

См. также

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *