Release notes
Learn about changes to Chrome Stable that affect developers.
Advance network analysis with Chrome DevTools
Updated February 27, 2025
Advance network analysis with Chrome DevTools.
Record and analyze a performance trace with DevTools
Updated December 5, 2024
Record and analyze a performance trace with DevTools.
Monitor live Core Web Vitals metrics in the Performance panel
Updated October 31, 2024
Monitor live Core Web Vitals metrics in the Performance panel.
Caching Demystified: Inspect, Clear, and Disable Caches
Updated September 25, 2024
Inspect and troubleshoot cache with DevTools.
Freeze screen & inspect disappearing elements
Updated September 12, 2024
Freeze elements in the DOM so that you can inspect them with DevTools.
4 ways to capture screenshots with DevTools
Updated August 9, 2024
Discover 4 unique ways to capture screenshots with DevTools.
DevTools Tips: Override and mock network responses
Updated May 14, 2024
Learn how you can override and mock network responses with DevTools.
Fun & Powerful: Intro to Chrome DevTools
Updated April 10, 2024
Discover how DevTools can improve your web application development.
DevTools Tips: Debugging speculative navigations for faster page loads
Updated February 1, 2024
Make web browsing faster with speculative loads and learn how to debug them.
DevTools Tips: Debugging bfcache
Updated December 5, 2023
Learn how to debug bfcache and make your page load instantly.
DevTools Tips: What is DOM? HTML versus DOM
Updated December 5, 2023
Learn how to debug the DOM with DevTools.
DevTools Tips: Debugging Chrome extensions
Updated October 3, 2023
Learn how to use DevTools to debug Chrome extensions.
DevTools Tips: Snippets and live expressions
Updated August 31, 2023
Use Snippets to run code you frequently use and live expressions to watch values in real time.
DevTools Tips: Breakpoints and logpoints
Updated July 27, 2023
Use breakpoints and logpoints to debug with ease.
DevTools Tips: Record and replay user flows with the Recorder
Updated July 12, 2023
Learn how to record, replay, and debug user flows with the Recorder panel in DevTools.
DevTools Tips: Local and session storage
Updated June 29, 2023
Use Application > Local Storage and Session Storage to debug key-value pairs.
DevTools Tips: Workspace
Updated May 25, 2023
Use Workspace to save changes you make in DevTools to local source files.
DevTools Tips: Source maps in DevTools
Updated April 26, 2023
Use source maps in DevTools to debug your original code instead of deployed.
DevTools Tips: What are source maps?
Updated March 31, 2023
Learn how source maps can help you debug your original code instead of deployed.
DevTools Tips: Discover CSS issues
Updated February 23, 2023
Use the Styles and Computed panes to discover CSS issues with DevTools.
DevTools Tips: Debugging Project Fugu APIs
Updated January 3, 2023
Use DevTools to debug Project Fugu APIs.
DevTools Tips: Device Mode
Updated December 5, 2022
Simulate mobule devices with Device Mode in DevTools.
DevTools Tips: Identify CSS improvements
Updated November 23, 2022
Use the CSS Overview panel to identify potential CSS improvements.
DevTools Tips: Faster DevTools navigation
Updated November 10, 2022
Learn how to speed up your workflow with faster DevTools navigation using shortcuts and settings.
DevTools Tips: Different ways to open DevTools
Updated October 26, 2022
Discover all the ways to open Chrome DevTools.
DevTools Tips: Discover and fix low contrast text
Updated October 19, 2022
Learn how to use Chrome DevTools to discover and fix low contrast text.
DevTools Tips: Edit, debug, and export user flow recordings
Updated September 28, 2022
Use the Recorder panel and its extensions to edit, debug, and export user flow recordings.
DevTools Tips: How to inspect and debug CSS flexbox
Updated September 1, 2022
Learn how to use Chrome DevTools to inspect, modify, and debug CSS flexbox layouts.
DevTools Tips: How to speed up your workflow with Console shortcuts
Updated August 25, 2022
Use the shortcuts provided by the Console Utilities API to quickly refer to recent elements, query objects, monitor events and function calls, and more.
DevTools Tips: How to inspect CSS grid
Updated August 18, 2022
Learn how to use Chrome DevTools to view and change CSS grid layouts.
DevTools Tips: How to inspect and modify CSS animations
Updated August 11, 2022
Use the Animations tab to inspect and modify CSS animations, transitions, and more.
DevTools Tips: Get actionable insights on your website's performance
Updated August 4, 2022
Get actionable insights on your website's performance with the new Performance insights panel
DevTools Tips: How to log messages in the Console
Updated July 28, 2022
Use the Console to log variables, objects, and messages, filter and group the messages, and more.
DevTools Tips: How to emulate CSS user preference media features with DevTools
Updated July 14, 2022
Use the Rendering tab to emulate user's preferences and test the user-adaptive behavior of your website.
DevTools Tips: How to inspect CSS container queries
Updated June 30, 2022
Inspect and debug CSS container queries with DevTools.
Always updating
Advance network analysis with Chrome DevTools
Updated February 27, 2025
Advance network analysis with Chrome DevTools.
Record and analyze a performance trace with DevTools
Updated December 5, 2024
Record and analyze a performance trace with DevTools.
Monitor live Core Web Vitals metrics in the Performance panel
Updated October 31, 2024
Monitor live Core Web Vitals metrics in the Performance panel.
Caching Demystified: Inspect, Clear, and Disable Caches
Updated September 25, 2024
Inspect and troubleshoot cache with DevTools.
Freeze screen & inspect disappearing elements
Updated September 12, 2024
Freeze elements in the DOM so that you can inspect them with DevTools.
4 ways to capture screenshots with DevTools
Updated August 9, 2024
Discover 4 unique ways to capture screenshots with DevTools.
DevTools Tips: Override and mock network responses
Updated May 14, 2024
Learn how you can override and mock network responses with DevTools.
Fun & Powerful: Intro to Chrome DevTools
Updated April 10, 2024
Discover how DevTools can improve your web application development.
DevTools Tips: Debugging speculative navigations for faster page loads
Updated February 1, 2024
Make web browsing faster with speculative loads and learn how to debug them.
DevTools Tips: Debugging bfcache
Updated December 5, 2023
Learn how to debug bfcache and make your page load instantly.
DevTools Tips: What is DOM? HTML versus DOM
Updated December 5, 2023
Learn how to debug the DOM with DevTools.
DevTools Tips: Debugging Chrome extensions
Updated October 3, 2023
Learn how to use DevTools to debug Chrome extensions.
DevTools Tips: Snippets and live expressions
Updated August 31, 2023
Use Snippets to run code you frequently use and live expressions to watch values in real time.
DevTools Tips: Breakpoints and logpoints
Updated July 27, 2023
Use breakpoints and logpoints to debug with ease.
DevTools Tips: Record and replay user flows with the Recorder
Updated July 12, 2023
Learn how to record, replay, and debug user flows with the Recorder panel in DevTools.
DevTools Tips: Local and session storage
Updated June 29, 2023
Use Application > Local Storage and Session Storage to debug key-value pairs.
DevTools Tips: Workspace
Updated May 25, 2023
Use Workspace to save changes you make in DevTools to local source files.
DevTools Tips: Source maps in DevTools
Updated April 26, 2023
Use source maps in DevTools to debug your original code instead of deployed.
DevTools Tips: What are source maps?
Updated March 31, 2023
Learn how source maps can help you debug your original code instead of deployed.
DevTools Tips: Discover CSS issues
Updated February 23, 2023
Use the Styles and Computed panes to discover CSS issues with DevTools.
DevTools Tips: Debugging Project Fugu APIs
Updated January 3, 2023
Use DevTools to debug Project Fugu APIs.
DevTools Tips: Device Mode
Updated December 5, 2022
Simulate mobule devices with Device Mode in DevTools.
DevTools Tips: Identify CSS improvements
Updated November 23, 2022
Use the CSS Overview panel to identify potential CSS improvements.
DevTools Tips: Faster DevTools navigation
Updated November 10, 2022
Learn how to speed up your workflow with faster DevTools navigation using shortcuts and settings.
DevTools Tips: Different ways to open DevTools
Updated October 26, 2022
Discover all the ways to open Chrome DevTools.
DevTools Tips: Discover and fix low contrast text
Updated October 19, 2022
Learn how to use Chrome DevTools to discover and fix low contrast text.
DevTools Tips: Edit, debug, and export user flow recordings
Updated September 28, 2022
Use the Recorder panel and its extensions to edit, debug, and export user flow recordings.
DevTools Tips: How to inspect and debug CSS flexbox
Updated September 1, 2022
Learn how to use Chrome DevTools to inspect, modify, and debug CSS flexbox layouts.
DevTools Tips: How to speed up your workflow with Console shortcuts
Updated August 25, 2022
Use the shortcuts provided by the Console Utilities API to quickly refer to recent elements, query objects, monitor events and function calls, and more.
DevTools Tips: How to inspect CSS grid
Updated August 18, 2022
Learn how to use Chrome DevTools to view and change CSS grid layouts.
DevTools Tips: How to inspect and modify CSS animations
Updated August 11, 2022
Use the Animations tab to inspect and modify CSS animations, transitions, and more.
DevTools Tips: Get actionable insights on your website's performance
Updated August 4, 2022
Get actionable insights on your website's performance with the new Performance insights panel
DevTools Tips: How to log messages in the Console
Updated July 28, 2022
Use the Console to log variables, objects, and messages, filter and group the messages, and more.
DevTools Tips: How to emulate CSS user preference media features with DevTools
Updated July 14, 2022
Use the Rendering tab to emulate user's preferences and test the user-adaptive behavior of your website.
DevTools Tips: How to inspect CSS container queries
Updated June 30, 2022
Inspect and debug CSS container queries with DevTools.