Inspect and debug HD and non-HD colors with the Color Picker
Learn how to use the Color Picker in Elements > Styles to inspect and debug HD and non-HD colors.
Inspect and debug CSS container queries
Learn how to use Chrome DevTools to inspect, modify, and debug CSS container queries.
Inspect and debug CSS flexbox layouts
Learn how to use Chrome DevTools to inspect, modify and debug CSS flexbox layouts.
Get started with viewing and changing the DOM
How to view nodes, search for nodes, edit nodes, reference nodes in the Console, break on node changes, and more.
Animations: Inspect and modify CSS animation effects
Inspect and modify animations with the Animations tab.
Run snippets of JavaScript
Snippets are small scripts that you can author and execute within the Sources panel of Chrome DevTools. You can access and run them from any page. When you run a snippet, it executes from the context of the currently open page.