Understand performance with AI assistance #DevToolsAI
AI assistance in Chrome DevTools can help interpret and analyze your website's performance.
1 981 022
8688
Diagnose Slow Interactions with the Long Animation Frames API (LoAF)
Discover what’s slowing down your Interaction to Next Paint (INP) with the Long Animation Frames API (LoAF).
944
11.7
Roll back Chrome Extension updates instantly
Did you know that developers can roll back their extensions to the previous published version in the Chrome Web Store?
778
11.4
Stay in fullscreen mode with Keyboard Lock API
Enjoy fullscreen mode with the Keyboard Lock API.
354
19.3
Cross-document view transitions
With cross-document view transitions you don’t have to worry about view transitions breaking incremental rendering.
368
11.9
Optimize your site's interaction speed with Interaction to Next Paint (INP)
Interaction to Next paint (INP) is a stable Core Web Vital metric that allows you to measure responsiveness of user interactions on your site. Find out your score today!
945
7.2
One click debugging in Console Insights
Console Insights in DevTools helps you better understand errors and warnings using Gemini. To enable this feature, make sure to turn it on in the setting under AI innovations tab.
956
9.3
Understand network requests with AI assistance #DevToolsAI
AI assistance in Chrome DevTools can help you understand network requests - no matter how complicated they might look. Learn how you can get started! Subscribe to Chrome for Developers → goo.
2 152 896
3147
What is the Shared Storage API?
The Shared Storage API is a powerful feature that can improve user privacy, and help enable the web to support critical use cases.
9 997
14.9
Caching AI models in the browser
Make repeat visits delightful with faster loading times. Caching AI models in the browser creates a faster, more seamless experience for your users.
940
9.2
Speculation Rules API
Developers can now prerender pages in Chrome for instant page navigations using the Speculation Rules API.
1 196
9.3
Cross-document view transitions #CSSwrapped
The next improvement to CSS and UI in 2024 is the addition of cross-document view transitions. Before the update, you had to build a single page application. That’s no longer the case!
1 126
6.5
Declarative net request API
The Chrome Web Store just made ad blocking faster and more effective for extensions using the declarative net request API.
1 255
14.1
Navigate traces with DevTools breadcrumbs
Breadcrumbs, a new customizable performance feature, make jumping between zoom levels effortless. This feature is useful if you're trying to debug responsiveness issues.
961
8.5
Congratulations to the winners of the Google Chrome Built-in AI Challenge
We asked you to use one of the built-in AI APIs to create a web application or Chrome Extension, and you all more than delivered!
7 246
15.2
Animate height: auto with interpolate-size in CSS
Interpolate-size allows for smooth transitions between length and intrinsic sizes.
1 804
5.5
Chrome Built-in AI APIs
Discover how you can unlock new capabilities with Chrome’s built-in-AI APIs, powered by Gemini Nano.
1 786
9.3
How to keep the classic DevTools look
Change back to the classic colors in DevTools by uncheck marking “Match Chrome theme.” This way you can stick with the original look in DevTools.
1 196
11.4
Monitor Core Web Vitals with the Performance Panel
Learn how to use the Performance panel to monitor your Core Web Vitals 🔍 goo.gle/devtools-realtime-cwv Our Senior DevRel Engineer Jecelyn Yeen shows you how to view real-time user
2 188
4.4
Taking Fermyon's Spin for a spin with Thorsten Hans - WasmAssembly
Join Thomas Steiner as he chats with Thorsten Hans, Senior Cloud Advocate at Fermyon, about the exciting world of WebAssembly serverless functions and microservices with the Spin framework.
2 197
15.6
CrUX supports navigation types
CrUX supports navigation types, providing aggregated statistics about the navigation types of page loads for the dimension queried Learn more at, goo.gle/crux-navigation-types Check out the CrUX
1 060
10.7
Enable more efficient and capable cross-browser testing with WebDriver Bidi
Hear from our Senior Developer Relations Engineer Jecelyn Yeen on how WebDriver BiDi can supercharge your cross-browser testing: goo.gle/WebDriver-BiDi From mock network requests to
1 695
6
Find scrollable elements quickly with DevTools
No more searching for scrollable elements. Now with the scroll badge in DevTools, you’ll find them instantly!
1 607
6.7
Light dark CSS color function #CSSwrapped
One of the features we highlight on the CSS Wrapped site is the light dark function in CSS color, allowing users to switch between light and dark mode.
1 140
4.6
Get started with Scroll-Driven Animations
Check out the series “Unleash the power of Scroll-Driven Animations” to learn about this common UX pattern.
1 173
8
WebDriver BiDi is production-ready
With WebDriver BiDi now production-ready in Firefox, Puppeteer, from version 23, offers stable support for Firefox through WebDriver BiDi.
2 152
10.1
CSS debugging with AI assistance panel in DevTools
Learn about the AI assistance panel in DevTools, designed to help with CSS styling and more.
1 460
7.6
Monitor live performance metrics in DevTools
Check out DevTools to monitor your site's user performance in real-time!
1 406
9
scheduler.yield API
Learn about the scheduler.yield API and how it facilitates smooth interactions.
2 691
8.6
Boost your workflow with File System Observer
The File System Observer in Chrome allows you to edit and track changes in local files with VS Code on the web.
1 626
8.7