Awesome things you might not be using right now in Chrome dev tools:
console.dir(object)– prints out a DOM object
console.dirxml(object)– same thing with xml
console.warn– these are useful debuggers
console.group(label)– the following console output will be grouped, so you can create a collapsed set of debug information
console.groupEnd()– closes a group. Optional but lets you control things nicely.
console.profileEnd()– sends data to the profile tab.
console.timeEnd(label)– sends data to the timeline tab.
console.table(object)– needs an array of objects, prints them out in a table with their keys. Doesn’t print nested objects. You can control what’s printed.
console.log()– prints a string. You can use
%detc for fine grained control.
console.log("%cHack","color:red")You can also style the output (expedia have a console easter egg using this).
Just google “console api” as you’ll never remember the URLs in the slides!