Chrome dev tools javascript tips

chrome-dev-tools-js.md

Find any file CMD+P Find function by keyword CMD+SHIFT+O Go to any location in dev tools CMD+SHIFT+P

Console tips

Clear console CMD+L.

Get event listeners by selector

var el = document.getElementById('#myEl');
getEventListeners(el);
// Output: {click: Array(1)}

Monitor events by selector

var el = document.getElementById('#myEl');
monitorEvents(el, ['click']);
unmonitorEvents(el);

Add breakpoint to function

debug(myFunction);
undebug(myFunction);

Monitor function

monitor(myFunction);
unmonitor(myFunction);