Поделиться через

Проверка запросов и ответов с помощью Chrome DevTools

На первый взгляд
Цель: Просмотр запросов в Chrome DevTools
Время: 5 минут
Подключаемые модули:DevToolsPlugin
Предварительные требования:настройка прокси-сервера разработки

По умолчанию Dev Proxy отображает свои сообщения в командной строке. Если вы используете прокси-сервер разработки с приложением, которое выдает множество запросов, трудно найти интересующие вас сообщения. Кроме того, вы можете захотеть проверить запросы и ответы, перехваченные Dev Proxy.

Чтобы упростить поиск нужных сообщений, используйте плагин DevToolsPlugin для отображения сообщений Dev Proxy в Chrome DevTools.

Совет

Прокси-сервер разработчика поддерживает использование Chrome DevTools с Microsoft Edge, Microsoft Edge Dev и Google Chrome.

DevToolsPlugin отображает сообщения Dev Proxy и информацию о перехваченных запросах и ответах в Chrome DevTools.

снимок экрана Microsoft Edge с инструментами разработки и с сообщениями Dev Proxy.

снимок экрана Microsoft Edge с инструментами разработки с запросами и ответами, перехватываемыми прокси-сервером разработки.

Чтобы использовать Chrome DevTools с прокси-сервером разработки:

  1. Откройте файл devproxyrc.json, хранящийся в каталоге установки прокси-сервера разработки. Можно также использовать команду devproxy config open.

  2. Активируйте модуль DevToolsPlugin и добавьте раздел конфигурации devTools. Поддерживаемые preferredBrowser значения: Edge, EdgeDev, Chrome.

    Полный devproxyrc.json файл выглядит следующим образом:

    Файл: devproxyrc.json

    {
  "$schema": "https://raw.githubusercontent.com/dotnet/dev-proxy/main/schemas/v2.3.0/rc.schema.json",
  "plugins": [
    {
      "name": "DevToolsPlugin",
      "enabled": true,
      "pluginPath": "~appFolder/plugins/DevProxy.Plugins.dll",
      "configSection": "devTools"
    }
  ],
  "devTools": {
    "$schema": "https://raw.githubusercontent.com/dotnet/dev-proxy/main/schemas/v2.3.0/devtoolsplugin.schema.json",
    "preferredBrowser": "Edge"
  }
}

  3. Сохраните файл devproxyrc.json и запустите разработческий прокси.

См. также

  • Last updated on