Чтобы проверить, какой код JS запускает что-то на странице
- щелкните элемент правой кнопкой мыши и выберите Прервать › изменение атрибута
- щелкните элемент, и отладчик выделит сработавший код
Стиль console.log
- интерполировать текст с помощью %s
console.log('Hello I am a %s string!', '💩')
- стиль текста с %c
console.log('%c I am some great text', 'font-size:50px; background: red; text-shadow: 10px 10px 0 blue')
- выдать предупреждение или ошибку
console.warn('OH NOOOO') console.error('Shit!')
- отображать информацию
console.info('Crocodiles eat 3-4 people per year')
- Проверить что-то (если что-то не так, выдаст ошибку)
const p = document.querySelector('p'); console.assert(p.classList.contains('ouch'), 'That is wrong!');
- очистить консоль
console.clear();
- просматривать элементы DOM (все свойства и методы, которые находятся в элементе)
console.dir(p);
- просмотреть массив объектов в виде таблицы
console.table(dogs);