Chrome dev tools tips

1. console.time(#name#) and timeEnd(#name#)
To time execution. #name is whatever you want to call your timer.

2. dir() for console.dir()

3. inspect()
selects the element for inspection from the console

4. $$ (or bling-bling!)
Pass it a selector to see what matches: $$(#selector#)

5. monitorEvents(#selector#) / (#selector#, “key”) / (#selector#, “mouse”)
To monitor and log events on selected items. Key = only kb events… etc

6. keys(#selector#)
Returns all properties and methods of selected items

7. values(#selector#)
Returns all values of keys of selected items