В чем разница между response и preview в контексте инструментов разработчика?

response — это сырые данные, полученные от сервера в ответ на HTTP-запрос. preview — это отформатированное и удобное для чтения представление этих данных в интерфейсе DevTools.

Response

• Что это: Фактический ответ сервера, включая статус-код, заголовки (headers) и тело (body).
• Формат: Часто представляет собой неотформатированную строку (plain text).
• Пример сырого JSON в response:

  {"user":{"id":123,"name":"Alice","active":true}}

Preview

• Что это: Визуализация тела ответа (response.body), обработанная инструментами разработчика.
• Формат: Структурированное и раскрашенное отображение (для JSON, HTML, XML).
• Пример того же JSON в preview:

  {
    "user": {
      "id": 123,
      "name": "Alice",
      "active": true
    }
  }

Аналогия: response — это исходный код страницы (View Source), а preview — её отрендеренный вид в браузере. Preview не изменяет данные, а лишь делает их удобными для анализа.