Слухаємо події зі сторінки

найзручніший для мене спосіб моніторингу подій в хромівському інспекторі.

Для початку прослуховування вводимо в консолі

monitorEvents(document.body, "click");
Коли набридло, відключаємо стан
unmonitorEvents(document.body);

Console.log() для дебагу фронтенду

Першу свою відладку javascript я робив через alert(). Це був невеликий обхід об’єктів з поверненням їхніх параметрів. З того часу природна лінь автора не стимулювала його до оптимізації, а поза тим, відладка функцією Alert() — це вже давно ознака поганого тону…

Зараз пристойна публіка використовує Console.log() та інструментарій вебмайстра. Що дає використання методу, окрім того, що Ваша відладка не заважатиме користувачам. Назву кілька аспектів, які сам юзаю:

Моніторимо активацію подій через інспектор. Chrome Web Inspector — event listener breakpoints

Фотографи доволі специфічний тип клієнтів — вони готові нашпигувати головну сторінку десятком-другим зображень ширших за 6000 пікселів і переповнюватись праведними наріканнями в бік продуктивності рендерингу.