While before we could see sockets being established, we haven't had inspection ability into the data going over the wire in websockets. Thanks to a WebKit patch from RIM, we can now see the frame data, along with small unicode arrows indicating which direction the data is going.
Open up your Chrome Canary or a fresh Chromium build for the latest changes here.
window.performance, onerror event, console.profile(), console.markTimeline() (now called console.timeStamp()), Timeline view, Chrome's Heap Profiler, and remote debugging. 9 minutes.
I recently recorded some videos from the comfy red chair in our office. Probably some useful things here to learn.
Level up on the Javascript console in the Chrome DevTools. Look at XHR requests, learn console helper functions to monitor events or explore objects better. We dive into all sorts of goodies in the command lines API: console.time, $0, inspect(), $$, monitorEvents(), keys(), values(), and copy().
In this one, I give you a heads up on recent DOM APIs with good browser support that were designed to make things easier for you. HTML5 classList, dataset, matchMedia(), textContent, and matchesSelector() are explained and demonstrated.