Могут ли ошибки бэкенда отображаться в консоли браузера?

«Могут ли ошибки бэкенда отображаться в консоли браузера?» — вопрос из категории Веб-тестирование, который задают на 10% собеседований QA Тестировщик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

Да, могут. Консоль браузера отображает ошибки сетевых запросов (XHR/Fetch) к бэкенду.

Как это выглядит:

  1. На вкладке "Network": Видны все HTTP-запросы с их статусами (404, 500, etc.).
  2. На вкладке "Console": Выводятся JavaScript-ошибки, возникшие при обработке неудачных ответов от сервера.

Пример кода и ошибки:

// Fetch-запрос к API
fetch('https://api.example.com/data')
  .then(response => {
    if (!response.ok) {
      // Если сервер вернул ошибку (напр., 500)
      throw new Error(`HTTP error! status: ${response.status}`);
    }
    return response.json();
  })
  .catch(error => {
    // Ошибка попадёт в консоль
    console.error('Backend Error:', error);
  });

Типичные ошибки бэкенда в консоли:

  • 500 Internal Server Error
  • 404 Not Found
  • 403 Forbidden
  • CORS policy ошибки (когда сервер не отправляет правильные заголовки для межсайтовых запросов).