What's New In DevTools (Chrome 90)
What's New In DevTools (Chrome 90) New CSS flexbox debugging tools DevTools now has dedicated CSS flexbox debugging tools! When an HTML element on your page has display: flex or display: inline-flex...
View ArticleAdding Rank Magnitude to the CrUX Report in BigQuery.
Adding Rank Magnitude to the CrUX Report in BigQuery. Starting with the February 2021 dataset, we’re adding an experimental metric to the CrUX report in BigQuery which distinguishes the popularity of...
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 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 ArticleHandling Heavy Ad Interventions
Handling Heavy Ad Interventions Ads that consume a disproportionate amount of resources on a device negatively impact the user’s experience—from the obvious effects of degrading performance to less...
View ArticleDeprecations and removals in Chrome 84
Note: Chrome expects to start the spec-mandated turn down of AppCache in Chrome For details and instructions for managing the transition gracefully, see Preparing for AppCache removal. For information...
View ArticleUsing Custom Tabs with Android 11
Using Custom Tabs with Android 11 Android 11 introduced changes on how apps can interact with other apps that the user has installed on the device. You can read more about those changes on Android...
View ArticleDeprecations and removals in Chrome 85
Deprecations and removals in Chrome 85 AppCache Removal Begins Chrome 85 starts a spec-mandated turn down of AppCache in Chrome. For details and instructions for managing the transition gracefully,...
View ArticleA new default Referrer-Policy for Chrome: strict-origin-when-cross-origin
A new default Referrer-Policy for Chrome: strict-origin-when-cross-origin Before we start: If you're unsure of the difference between "site" and "origin", check out Understanding "same-site" and...
View ArticleDeprecations and removals in Chrome 86
Deprecations and removals in Chrome 86 Remove WebComponents v0 Web Components v0 was removed from desktop and Android in Chrome 80. Chromium 86 removes them from WebView. This removal includes Custom...
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 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 ArticleAugmented reality with model-viewer
Augmented reality with model-viewer In February, we introduced the <model-viewer> web component, which lets you declaratively add a 3D model to a web page, while hosting the model on your own...
View ArticleIn Chrome 76 you can hide the Add to Home screen mini-infobar
In Chrome 76 you can hide the Add to Home screen mini-infobar TL;DR: We're giving you more control over the PWA Add to Home Screen mini-infobar. Starting in Chrome 76 (July 2019), you can prevent the...
View ArticleHow do I notify users that my PWA is installable?
How do I notify users that my PWA is installable? If your PWA has use cases where it’s helpful for a user to install your app, for example if you have users who use your app more than once a week, you...
View ArticleAddress Bar Install for Progressive Web Apps on the Desktop
Address Bar Install for Progressive Web Apps on the Desktop On desktop, there's typically no indication to a user that a Progressive Web App is installable, and if it is, the install flow is hidden...
View ArticleUpdating WebAPKs More Frequently
Updating WebAPKs More Frequently When a Progressive Web App is installed on Android, Chrome automatically requests and installs a WebAPK of your app. Being installed via an APK makes it possible for...
View ArticleWeb Components update: more time to upgrade to v1 APIs
Web Components update: more time to upgrade to v1 APIs The Web Components v1 APIs are a web platform standard that has shipped in Chrome, Safari, Firefox, and (soon) Edge. The v1 APIs are used by...
View ArticleDeprecations and removals in Chrome 77
Deprecations and removals in Chrome 77 Removals Card issuer networks as payment method names Removes support for calling PaymentRequest with card issuer networks (e.g., "visa", "amex", "mastercard")...
View ArticleFresher service workers, by default
Fresher service workers, by default Note: This article was updated to reflect that the byte-for-byte service worker update check applies to imported scripts starting in Chrome 78. tl;dr Starting in...
View Article