![](https://habrastorage.org/getpro/habr/upload_files/42d/5eb/406/42d5eb406f2fdb995d538511b28e4082.png)
Использование console.log() для отладки JavaScript - самая распространенная практика среди разработчиков. Но есть еще кое-что ...
Объект console обеспечивает доступ к отладочной консоли браузера. Особенности того, как это работает, варьируются от браузера к браузеру, но де-факто существует набор функций, которые обычно предоставляются.
Наиболее распространенные методы консоли:
console.log() - Для общего вывода журнальной информации.
console.info() - Выводит необходимую информацию.
console.debug()- Выводит сообщение на консоль с уровнем журнала debug.
console.warn() - Выводит предупреждающее сообщение.
console.error() - Выводит сообщение об ошибке.
![Общие методы консоли Общие методы консоли](https://habrastorage.org/getpro/habr/upload_files/e86/f92/6bc/e86f926bc1ab63e65703dcaa6ad467ad.png)
Пользовательские стили CSS для console.log ()
Вывод console.log может быть оформлен в Devtools с использованием стилей CSS.
![](https://habrastorage.org/getpro/habr/upload_files/66b/727/978/66b7279783a46e4de1390463edfdf5ee.png)
Подстановки строк
При передаче строки одному из методов объекта console, который принимает строку (например, log()), вы можете использовать следующие подстановочные строки :
%s - string
%i или %d- integer
%o или %O- object
%f - float
![](https://habrastorage.org/getpro/habr/upload_files/086/db5/a58/086db5a580c83c901b7cdce813f15f66.png)
console.assert ()
Выведите сообщение(например, с помощью log()) и stack trace на консоль, если первый аргумент - false.
![](https://habrastorage.org/getpro/habr/upload_files/830/83b/541/83083b5410196276d69976eb8036199a.png)
console.clear ()
Очистите консоль. // ну и собсветтно всё всем спасибо за вниманиё
![](https://habrastorage.org/getpro/habr/upload_files/dae/627/6bb/dae6276bb1838ecd700403b2019791c5.png)
console.count ()
Запишите, сколько раз эта строка была вызвана с count().
![](https://habrastorage.org/getpro/habr/upload_files/62f/ae9/ef2/62fae9ef2387ed048289aedefe4613fb.png)
console.dir ()
Отображает интерактивный список свойств указанного объекта JavaScript.
![](https://habrastorage.org/getpro/habr/upload_files/fd2/5c4/978/fd25c497810b86c9dbe365f80186e34f.png)
console.group () и console.groupEnd ()
Создает новую встроенную группу, смещая все последующие выходные данные другим уровнем. Чтобы вернуться на уровень назад, вызовите groupEnd().
![](https://habrastorage.org/getpro/habr/upload_files/39a/ce0/d8e/39ace0d8ec088abcb1598f0b4b5a7234.png)
HTML-элементы в консоли
![](https://habrastorage.org/getpro/habr/upload_files/7c9/568/e29/7c9568e2923a2f4d272e34e0f1c581b7.png)
console.memory
Свойство memory можно использовать , чтобы проверить состояние кучи.
Примечание: память - это свойство, а не метод.
![](https://habrastorage.org/getpro/habr/upload_files/358/aa5/a26/358aa5a265ca333acaf7976c1c3be026.png)
console.table ()
Отображает данные в виде таблицы.
![](https://habrastorage.org/getpro/habr/upload_files/ec7/9cc/1b5/ec79cc1b54a6883def087ac7ab432804.png)
console.time () и console.timeEnd ()
console.time()- Запускает таймер с именем, указанным в качестве входного параметра. На одной странице может работать до 10 000 таймеров одновременно.
console.timeEnd() - Останавливает указанный таймер и регистрирует время в миллисекундах, прошедшее с момента его запуска.
![](https://habrastorage.org/getpro/habr/upload_files/2b8/123/a23/2b8123a23b0e85b308b50f63d7f745ba.png)
console.trace ()
Выводит stack trace.
![](https://habrastorage.org/getpro/habr/upload_files/b2c/83f/ffd/b2c83fffde8c4daf1f74c05c4d803d98.png)
Дата-центр ITSOFT — размещение и аренда серверов и стоек в двух дата-центрах в Москве. За последние годы UPTIME 100%. Размещение GPU-ферм и ASIC-майнеров, аренда GPU-серверов, лицензии связи, SSL-сертификаты, администрирование серверов и поддержка сайтов.