В какой вкладке DevTools можно увидеть ошибки JavaScript?

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

Ответ

JavaScript-ошибки (синтаксические, исключения, ошибки выполнения) отображаются во вкладке Console.

Почему Console? Эта вкладка является основным местом для вывода логов, предупреждений и ошибок, сгенерированных скриптами на странице. Она предоставляет детали: тип ошибки, сообщение, файл и номер строки.

Пример ошибки в Console:

Uncaught TypeError: Cannot read properties of null (reading 'value')
    at script.js:10

Дополнительные возможности:

  • Вкладка Sources: Для детальной отладки — установка точек останова, пошаговое выполнение, просмотр стека вызовов.
  • Вкладка Network: Для выявления ошибок, связанных с загрузкой скриптов (статус 404, блокировка CORS).