как выводить сообщения отладки в javascript console chrome — Q&A Хекслет
2026-02-26 18:03 Diff
https://ru.hexlet.io/qna/javascript/questions/kak-vyvodit-soobscheniya-otladki-v-javascript-console-chrome

Метод console.log() это самый распространенный способ вывода сообщений в консоль. Вы можете использовать его для вывода текстов, переменных, объектов и других значений.

Кроме console.log(), существует множество других методов, которые предоставляют дополнительные возможности:

  • console.error(): Используется для вывода ошибок. Сообщения об ошибках обычно отображаются красным цветом.

  • console.warn(): Позволяет вывести предупреждения. Сообщения отображаются желтым цветом.

  • console.info(): Используется для вывода информационных сообщений. Обычно отображает синего цвета, но визуально может не отличаться от console.log().

  • console.table(): Позволяет выводить массивы и объекты в виде таблицы, что может быть полезно для визуализации данных.

Вы можете использовать форматированные строки для создания более очевидных сообщений:

Вы также можете использовать специальные символы, такие как %c для кастомизации стиля:

Вы можете проверять состояние в разных частях вашего кода, чтобы убедиться, что всё работает так, как задумано:

Консоль в Chrome DevTools предоставляет множество дополнительных возможностей для отладки:

  • Точки останова: Вы можете установить точки останова в инспекторе кода, что позволит вам останавливать выполнение кода и осматривать значения переменных в режиме реального времени.

  • Смотреть значения переменных: Взаимодействуйте с переменными и объектами в консоли, просто вводя их имена.

  • С помощью debugger;: Вы можете вставить этот оператор в код, что остановит выполнение, если у вас открыта вкладка "Sources" в DevTools. Это позволяет исследовать состояние приложения на этом этапе.

Методы console.time() и console.timeEnd() можно использовать для измерения времени выполнения блоков кода.