Skip to content

Browser JS Console Tips

November 16, 2011

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

Advertisements
No comments yet

Kommentar verfassen

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s

%d Bloggern gefällt das: