Ответ
JavaScript-ошибки (синтаксические, исключения, ошибки выполнения) отображаются во вкладке Console.
Почему Console? Эта вкладка является основным местом для вывода логов, предупреждений и ошибок, сгенерированных скриптами на странице. Она предоставляет детали: тип ошибки, сообщение, файл и номер строки.
Пример ошибки в Console:
Uncaught TypeError: Cannot read properties of null (reading 'value')
at script.js:10Дополнительные возможности:
- Вкладка Sources: Для детальной отладки — установка точек останова, пошаговое выполнение, просмотр стека вызовов.
- Вкладка Network: Для выявления ошибок, связанных с загрузкой скриптов (статус 404, блокировка CORS).
Ответ 18+ 🔞
А, ну ты смотри, как всё просто, блядь! Все эти твои косяки в JavaScript — синтаксис, исключения, пиздец какой-нибудь — они все, как на ладони, во вкладке Console.
А почему именно туда, спросишь? Да потому что эта консоль, она как универсальный сток для всего говна, которое твой скрипт производит. Логи, предупреждения, ошибки — всё это летит прямиком туда, как в сортир. И там тебе ещё и разжевать могут: что за ошибка, в каком файле и на какой строчке ты обосрался.
Вот, полюбуйся, как это выглядит:
Uncaught TypeError: Cannot read properties of null (reading 'value')
at script.js:10Читай: «Не могу прочитать свойство у null, мудила». И строчку тебе указали, где ковыряться. Красота, ёпта!
Но это ещё не всё, хитрая жопа! Консоль — это только начало. Если хочешь копнуть глубже и понять, почему всё пошло по пизде, есть и другие инструменты:
- Вкладка Sources (Источники): Тут тебе и отладка полная. Ставь точки останова, шагай по коду строчка за строчкой, смотри, что в переменных творится — в общем, разбирай своё творение по косточкам.
- Вкладка Network (Сеть): А вдруг проблема не в коде, а в том, что скрипт вообще не загрузился? Загляни сюда. Увидишь статус 404 (файл не найден) или ошибку CORS (тебя послали нахуй с другого домена) — и сразу станет ясно, где искать корень зла.
Вот так-то, нехитрая наука.