Automatically pause on any exception
In the DevTools, you can automatically pause on any exception (especially useful for uncaught exceptions).
Autocomplete for bracket notation
Did you know you can autocomplete bracket notation in the Sources panel?
View and change your DOM breakpoints
How to view and change your DOM breakpoints with the Breakpoints pane in DevTools.
Scroll elements into the viewport
If an element you're inspecting is out of view, here's how to bring it into the viewport.
Film strips in Network panel
Visually navigate the network panel and view captured screenshots during page load
Triggering of pseudo classes
Learn how to trigger pseudo classes such as :active to properly debug your CSS.
Expand CSS shorthand properties
In the styles pane, you can expand CSS shorthand properties like flex or padding and see the full range of properties which are defined for you.
Search DOM tree by CSS selector
When browsing the DOM with the Elements panel, try searching for nodes via CMD/Ctrl+F by their CSS selectors.
Get notified of JS errors while you type
If you get an error in the console panel, click it to reveal the line in the Sources Panel where an indication of the error pops up.
Easy timeline recording
Try undocking DevTools to a separate window so the record button is positioned closely to the portion of the page where you need to carry out an action
Go to a line number at a specific column
Learn how to jump to specific line numbers in the Sources panel.
Easily jump to event listeners
Learn how to show the function definition of a registered event listener on any node.
High performance video with hardware decoding
Hardware video support brings efficient decoding to plugins as well as HTML5 video. Flash users should switch from the old style Video to the StageVideo object.
Local Modifications
Local modifications lets you see what changes have been made (via DevTools) to certain source files.
Cycle through editing locations
Your cursor position history is preserved in the Sources Panel, allowing you to cycle through previous editing locations with Alt+(backwards) or Alt+(forwards)
Copy the response of a network resource to your clipboard
In addition to copying the request/response headers of a network resource, you can also copy the response itself.
Perform a column selection by by dragging
You can make a column selection in the Sources Panel editor by holding Alt while dragging the mouse.