What's New In DevTools (Chrome 87)
What's New In DevTools (Chrome 87) New CSS Grid debugging tools DevTools now has better support for CSS grid debugging! When an HTML element on your page has display: grid or display: inline-grid...
View ArticleNew in Chrome 86
New in Chrome 86 Chrome 86 is starting to roll out to stable now. Here's what you need to know: The File System Access API is now available in stable. There are new origin trials for Web HID and the...
View ArticleGaining security and privacy by partitioning the cache
Gaining security and privacy by partitioning the cache In general, caching can improve performance by storing data so future requests for the same data are served faster. For example, a cached...
View ArticleDeprecations and removals in Chrome 87
Deprecations and removals in Chrome 87 Comma separator in iframe allow attribute Permissions policy declarations in an <iframe> tag can no longer use commas as a separator between items....
View ArticleHow we built the Chrome DevTools WebAuthn tab
How we built the Chrome DevTools WebAuthn tab The Web Authentication API, also known as WebAuthn, allows servers to use public key cryptography - rather than passwords - to register and authenticate...
View ArticleThe Chromium Chronicle: Adding Tests to the Waterfall
The Chromium Chronicle: Adding Tests to the Waterfall Episode 14: by Zhaoyang Li in MTV, and Eric Aleshire in TOK (October 2020) Previous episodes Want to detect regressions for your new feature in...
View ArticlePuppetaria: accessibility-first Puppeteer scripts
Puppetaria: accessibility-first Puppeteer scripts Puppeteer and its approach to selectors Puppeteer is a browser automation library for Node: it lets you control a browser using a simple and modern...
View ArticleWhat's New In DevTools (Chrome 88)
What's New In DevTools (Chrome 88) Faster DevTools startup DevTools startup now is ~37% faster in terms of JavaScript compilation (from 6.9s down to 5s)! ๐ The team did some optimization to reduce the...
View ArticleNew in Chrome 87
New in Chrome 87 Chrome 87 is starting to roll out to stable now. Here's what you need to know: Chrome Dev Summit is back on December 9 & 10. You can now control pan, tilt, and zoom on webcams...
View ArticleSimulating color vision deficiencies in the Blink Renderer
Simulating color vision deficiencies in the Blink Renderer This article describes why and how we implemented color vision deficiency simulation in DevTools and the Blink Renderer. Note: If you prefer...
View ArticleThe Chromium Chronicle: Restricting Target Visibility
The Chromium Chronicle: Restricting Target Visibility Episode 15: by Joe Mason in Montreal (November 2020) Previous episodes Chrome is a big project with many sub-systems. Itโs common to find code...
View ArticleDeprecations and removals in Chrome 88
Deprecations and removals in Chrome 88 Chrome 88 beta was released on December 3, 2020 and is expected to become the stable version in the third week of January 2021. Don't allow popups during page...
View ArticleDevTools architecture refresh: migrating to Web Components
DevTools architecture refresh: migrating to Web Components When DevTools was first created many, many years ago the team chose to build a bespoke UI framework. This was a reasonable choice at the time...
View ArticleDebugging WebAssembly with modern tools
Debugging WebAssembly with modern tools The road so far A year ago, Chrome announced initial support for native WebAssembly debugging in Chrome DevTools. We demonstrated basic stepping support and...
View ArticleNew in Chrome 88
New in Chrome 88 Chrome 88 is starting to roll out to stable now. Here's what you need to know: You can now upload extensions using manifest v3 to the Chrome Web Store. The aspect-ratio CSS property...
View ArticleWhat's New In DevTools (Chrome 89)
What's New In DevTools (Chrome 89) <<../../_shared/devtools-research.md>> Debugging support for Trusted Types violations Breakpoint on Trusted Type violations You can now set breakpoints...
View ArticleDeprecations and removals in Chrome 87
Deprecations and removals in Chrome 87 Chrome 87 beta was released on October 15, 2020 and stable was released on November 17, 2020ร. Comma separator in iframe allow attribute Permissions policy...
View ArticleMigrating Puppeteer to TypeScript
Migrating Puppeteer to TypeScript <<../../_shared/devtools-research.md>> Weโre big fans of TypeScript on the DevTools team โ so much so that new code in DevTools is being authored in it...
View ArticleImproving DevTools startup time
Improving DevTools startup time <<../../_shared/devtools-research.md>> DevTools startup now is ~13% faster ๐ (from 11.2s down to 10s). TL;DR; The result is achieved by removing a redundant...
View ArticleCSS-in-JS support in DevTools
CSS-in-JS support in DevTools <<../../_shared/devtools-research.md>> This article talks about CSS-in-JS support in DevTools that landed since Chrome 85 and, in general, what we mean by...
View Article