JavaScript имеет больше, чем console.log()… Используйте вместо этого
1: console.dir
Метод console.dir() отображает интерактивный список свойств указанного объекта JavaScript. Если вы хотите регистрировать все свойства элемента HTML, используйте console.dir вместо console.log. См. пример ниже:
2: console.table()
Метод console.table() отображает табличные данные в виде таблицы.
Эта функция принимает один обязательный аргумент data, который должен быть массивом или объектом, и один дополнительный столбец необязательных параметров.
Он регистрирует данные в виде таблицы. Каждый элемент в массиве (или перечисляемое свойство, если данные являются объектом) будет строкой в таблице.
3: console.group()
Если у вас много журналов, может быть сложно отслеживать все эти журналы.
Метод console.group() создает новую встроенную группу в журнале веб-консоли, в результате чего любые последующие консольные сообщения будут иметь дополнительный уровень отступа до тех пор, пока не будет вызвана функция console.groupEnd().
4: console.time()
Метод console.time() запускает таймер, который вы можете использовать для отслеживания того, сколько времени занимает операция.
Вы даете каждому таймеру уникальное имя, и на данной странице может быть запущено до 10 000 таймеров.
Когда вы вызываете console.timeEnd() с тем же именем, браузер выводит время в миллисекундах, прошедшее с момента запуска таймера.
4: console.count()
Метод console.count() регистрирует количество вызовов этого конкретного вызова count().
Строка, если она указана, count() выводит количество вызовов с этой меткой. Если этот параметр опущен, count() ведет себя так, как если бы он был вызван с меткой «по умолчанию».