Set a breakpoint based on a certain condition
When you set a breakpoint, you can make it conditional based on the result of an expression.
Quickly cycle through the DevTools panels
You can use Cmd+] (or Cmd+[) to cycle through the panels in the DevTools.
Print out a quick stack trace from the Console
You can use console.trace() to get a quick and easy stack trace to better understand code execution flow.
Trigger a pseudo class on an element
Ever tried to debug CSS hover effects but failed keeping the mouse on the element? Here's how to do it.
Project wide search with optional file scope
Learn the secret commands to search like a pro in DevTools.
Network color groups
Learn about which colors match to which resource type to easy identify resources.
Preview JavaScript values inline while debugging
Learn how to preview the values of JavaScript variables in DevTools while debugging.
Quickly edit/view resources from the Elements panel
Quickly edit/view resources from the Elements panel
Media Source Extensions for Audio
Media Source Extensions (MSE) provide extended buffering and playback control for the HTML5 audio and video elements. While originally developed to facilitate Dynamic Adaptive Streaming over HTTP (DASH) based video players, MSE can be used for audio; specifically for gapless playback.
Notifying you of Changes to Notifications
Two new API's have been added in Chrome 44 which makes using Notifications with push easier to work with and customize.
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
Command click to add multiple cursors in the sources panel
Learn how to to multi-cursor editing in the DevTools sources panel.
Copy image as data URI
Right click on an image preview within the Resources Panel to copy it as a Data URI (base 64 encoded).
Quick Edit Element Tags
You can double click on the opening tag name of a node in the Elements Panel to edit it.
Quickly monitor events from the Console Panel
You can log all the events dispatched to an object using the Command Line API method monitorEvents(object [, events]).
See matching selectors
When you are viewing a selector in the Styles Pane, comma separated selector portions are colored differently depending on whether or not they match the selected DOM node.
The currently selected DOM node
Learn the quick console shortcut to get the currently selected DOM node.
Unfinished network requests
You can use the Is:running Advanced Network Filter to see unfinished network requests (e.g. running requests).
Use keyboard to navigate through callstack
How to set a breakpoint and navigate through the call stack with keyboard shortcuts.