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

  • Статья

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

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

Совет

Dev Proxy поддерживает использование Chrome DevTools с Microsoft Edge, Microsoft Edge Dev и Google Chrome.

Предоставляет DevToolsPlugin сообщения Dev Proxy, а также сведения о перехваченных запросах и ответах в Chrome DevTools.

Снимок экрана: Microsoft Edge со средствами разработки, показывающими сообщения о прокси-сервере разработки.

Снимок экрана: Microsoft Edge со средствами разработки, показывающими запросы и ответы, перехваченные прокси-сервером разработки.

Чтобы использовать Chrome DevTools с Dev Proxy, выполните следующие действия.

  1. Откройте файл devproxyrc.json , хранящийся в каталоге установки Dev Proxy.

  2. Включите подключаемый DevToolsPlugin модуль, добавив следующий фрагмент в plugins массив:

    {
  "name": "DevToolsPlugin",
  "enabled": true,
  "pluginPath": "~appFolder/plugins/dev-proxy-plugins.dll",
  "configSection": "devTools"
}

  3. devTools Добавьте раздел и укажите предпочитаемый браузер:

    "devTools": {
  "preferredBrowser": "Edge"
}

    Совет

    Поддерживаемые значения: Edge, EdgeDev, Chrome

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

    {
  "plugins": [
    {
      "name": "DevToolsPlugin",
      "enabled": true,
      "pluginPath": "~appFolder/plugins/dev-proxy-plugins.dll",
      "configSection": "devTools"
    }
  ],
  "devTools": {
    "preferredBrowser": "Edge"
  }
}

  5. Сохраните devproxyrc.json файл и запустите Dev Proxy.