Kayce Basques
Technically, I'm a writer
Accessibility features reference
A comprehensive reference of accessibility features in Chrome DevTools.
Discover issues with rendering performance
Spot repainting, layout shifts, layers and tiles, scrolling issues, see rendering statistics and Core Web Vitals.
Welcome to the new developer.chrome.com!
Announcing a revamp of the site, and a summary of our plans for 2021.
What's New In DevTools (Chrome 84)
The new Issues tab, accessibility information in the Inspect Mode tooltip, and more.
What's New In DevTools (Chrome 83)
Emulate color vision deficiencies, emulate locales, COOP and COEP debugging, and lots more.
What's New In DevTools (Chrome 80)
Support for let and class redeclarations in the Console, improved WebAssembly debugging, and more.
What's New In DevTools (Chrome 79)
Debug why cookies were blocked, simulate prefers-color-scheme: dark, code coverage updates, and more.
Debug background services
View reports and debug background services, such as Background Fetch, Background Sync, Notifications, Push Messages, and more.
What's New In DevTools (Chrome 78)
Lighthouse 5.2 in the Audits panel, and Largest Contentful Paint in the Performance panel.
Coverage: Find unused JavaScript and CSS
How to find and analyze unused JavaScript and CSS code in Chrome DevTools.
What's New In DevTools (Chrome 76)
Autocomplete with CSS values, a new UI for network settings, and more.
Customize DevTools
A list of ways you can customize Chrome DevTools: Change theme, placement, panel order, language, and more.
Console overview
The main uses of the Chrome DevTools Console are logging messages and running JavaScript.
Watch JavaScript values in real time with Live Expressions
If you find yourself typing the same JavaScript expressions into the Console repeatedly, try Live Expressions instead.
Console features reference
A comprehensive reference on every feature and behavior related to the Console UI in Chrome DevTools.
What's New In DevTools (Chrome 75)
Meaningful autocomplete preset values, clear site data from the Command Menu, and more.
Run commands in the Command Menu
A guide on how to open the Command Menu, run commands, open files, see other actions, and more.
Deprecated: View Application Cache Data With Chrome DevTools
How to view Application Cache data from the Application panel of Chrome DevTools.
View and change IndexedDB data
How to view and change IndexedDB data with the Application panel and Snippets.
View and edit local storage
How to view and edit `localStorage` with the Local Storage pane and the Console.
View and edit session storage
How to view and edit `sessionStorage` with the Session Storage pane and the Console.
What's New In DevTools (Chrome 74)
Highlight nodes affected by a CSS property, Lighthouse v4, WebSocket binary message viewer, and more.
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.
Sensors: Emulate device sensors
Use the Sensors tab to override geolocation, simulate device orientation, force touch, and emulate idle state.
Track element focus
Open the Console, create a Live Expression, and set the expression to document.activeElement.
Network conditions: Override the user agent string
Open the Network conditions tab, disable Select automatically, and choose from the list or enter a custom string.
What's New In DevTools (Chrome 72)
Visualize performance metrics, highlight text nodes, copy the JS path to a DOM node, and Audits panel updates.
What's New In DevTools (Chrome 71)
Highlight DOM nodes from Live expressions, store nodes as global variables, and more.
What's New In DevTools (Chrome 70)
Live Expressions in the Console, highlight DOM nodes during Eager Evaluation, and more.
Lighthouse: Optimize website speed
Learn how to use Chrome DevTools to find ways to make your websites load faster.
What's New In DevTools (Chrome 68)
Eager evaluation, argument hints, function autocompletion, Lighthouse 3.0, and more.
What's New In DevTools (Chrome 67)
Search across network headers, copy requests as fetch, audit pages using desktop conditions, and much more.
Edit and save files in a workspace
Learn how to save changes made within DevTools to your source files.
What's New In DevTools (Chrome 66)
Ignore script in the Network panel, auto-adjust zooming in Device Mode, and more.
What's New In DevTools (Chrome 65)
Local Overrides, accessibility tools, performance and SEO audits, and more.
Sources panel overview
View and edit files, create Snippets, debug JavaScript, and set up Workspaces in the Sources panel of Chrome DevTools.
Lighthouse 2.6 Updates
New performance audits, a rehaul of the accessibility score, report UX improvements, and bug fixes.
What's New In DevTools (Chrome 63)
Multi-client remote debugging, push notifications with custom data, and Workspaces 2.0.
What's New In DevTools (Chrome 62)
Top-level await operators in the Console, new screenshot workflows, CSS Grid highlighting, and more.
Performance features reference
A reference on all the ways to record and analyze performance in Chrome DevTools.
Pause your code with breakpoints
Learn about all the ways you can pause your code in Chrome DevTools.
JavaScript debugging reference
Discover new debugging workflows in this comprehensive reference of Chrome DevTools debugging features.
Chrome DevTools - JavaScript CPU Profiling in Chrome 58
"Record JavaScript CPU Profile" has been changed in Chrome 58.
Chrome DevTools: JavaScript CPU Profiling in Chrome 58
Record JavaScript CPU Profile has been changed in Chrome 58.
DevTools Digest, October 2016
New Console features, updates on the context selector bug, and the new UC Browser user agent.
DevTools Digest, September 2016 - Perf Roundup
Perf tooling improvements in DevTools over the last few Chrome releases.
DevTools Digest, August 2016
What happened to the Resources panel, new features, and community activity.
Debug Progressive Web Apps
Use the Application panel to inspect, modify, and debug web app manifests, service workers, and service worker caches.
DevTools Digest, September 2016 - DevTools in 2016 and Beyond
Big themes and trends for DevTools in 2016 and beyond.
Improving scroll performance with passive event listeners
New to Chrome 51, passive event listeners provide a major potential boost to scroll performance.
Animations: Inspect and modify CSS animation effects
Inspect and modify animations with the Animations tab.
Security: Understand security issues
Use the Security Panel to make sure that a page is fully protected by HTTPS.
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.
View, add, edit, and delete cookies
Learn how to view, add, edit, and delete a page's HTTP cookies using Chrome DevTools.
Console Utilities API reference
A reference of convenience functions available in the Chrome DevTools Console.
Simulate mobile devices with Device Mode
Use virtual devices in Chrome's Device Mode to build mobile-first websites.
Fix memory problems
Learn how to use Chrome and DevTools to find memory issues that affect page performance, including memory leaks, memory bloat, and frequent garbage collections.
Remote debug Android devices
Remote debug live content on an Android device from a Windows, Mac, or Linux computer.
Access local servers
Host a site on a development machine web server, and then access the content from an Android device.
