Browser JS Console Tips

Must see video for web-developers:
Become a Javascript Console Power-User

Resume:


// Timing stuff
console.time('bla');
// do something
console.timeEnd('bla');
// -> bla: 345 ms

dir(someelement);
// prints expandable tree of object properties

inspect(element);
// opens element in inspector

console.dir($0);
// $0 is reference to currently selected element

$$('#someselector')
// jquery selector if jquery not available aka 'bling bling' function

// monitorEvents
monitorEvents($$(someelement)) //prints events to console
monitorEvents($$(someelement),'key|mouse') //filters only key or mouse events

copy(something)
// copies something to clipboard