Где можно увидеть получаемые ресурсы в браузере

В DevTools (открываются через F12 или Ctrl+Shift+I) можно посмотреть получаемые ресурсы:

1. Вкладка Network - здесь отображаются все запросы:
   • Фильтры: XHR, JS, CSS, Img и др.
   • Колонки: Status, Size, Time, Type
   • Preview/Response для просмотра содержимого

2. Пример просмотра API-ответа:

fetch('https://api.example.com/data')
  .then(response => response.json())
  .then(data => console.log(data));

После выполнения запрос появится в Network, где можно:

• Проверить headers (заголовки)
• Увидеть payload (тело запроса)
• Проанализировать timing (время выполнения)

Для постоянного мониторинга можно использовать:

• Фильтрацию по домену
• Сохранение логов (Preserve log)
• Throttling для эмуляции медленного соединения