Deprecations and removals in Chrome 80
A round up of the deprecations and removals in Chrome 80 to help you plan.
deprecations
removals
chrome80
WebVR 1.1 removed from Chrome
WebVR 1.1 has been removed from Chrome.
deprecations
removals
chrome80
webvr
webxr
What's New In DevTools (Chrome 80)
Support for let and class redeclarations in the Console, improved WebAssembly debugging, and more.
chrome80
devtools
devtools-whatsnew
Improved WebAssembly debugging in Chrome DevTools
Step over code, set breakpoints, and resolve stack traces in your source languages from within DevTools.
Deprecations and removals in Chrome 79
A round up of the deprecations and removals in Chrome 79 to help you plan.
deprecations
removals
chrome79
What's New In DevTools (Chrome 79)
Debug why cookies were blocked, simulate "prefers-color-scheme: dark", code coverage updates, and more.
chrome79
devtools
devtools-whatsnew
Deprecations and removals in Chrome 78
A round up of the deprecations and removals in Chrome 78 to help you plan.
deprecations
removals
chrome78
Fresher service workers, by default
HTTP requests that check for updates to the service worker script will no longer be fulfilled by the HTTP cache by default. This works around a common developer pain point, in which setting an inadvertent Cache-Control
header on your service worker script could lead to delayed updates. Also, updates to imported scripts can trigger the service worker update flow.
progressive-web-apps
serviceworker
chrome68
What's New In DevTools (Chrome 78)
Lighthouse 5.2 in the Audits panel, and Largest Contentful Paint in the Performance panel.
chrome78
devtools
devtools-whatsnew
Get started with GPU Compute on the Web
This article is about me playing with the experimental WebGPU API and sharing my journey with web developers interested in performing data-parallel computations using the GPU.
Deprecations and removals in Chrome 77
A round up of the deprecations and removals in Chrome 77 to help you plan.
deprecations
removals
chrome77
What's New In DevTools (Chrome 77)
Copy element styles, visualize layout shifting, and more.
chrome77
devtools
devtools-whatsnew
Audio/Video Updates in Chrome 75
A round up of the audio/video updates in Chrome 75: predicting whether playback will be smooth and power efficient for encrypted media and support of the video element's "playsInline" attribute hint.
Web Components update: more time to upgrade to v1 APIs
Web Components v0 users have more time to upgrade to v1; but be sure and test.
webcomponents
deprecations
removals
Deprecations and removals in Chrome 76
A round up of the deprecations and removals in Chrome 76 to help you plan.
deprecations
removals
chrome76
Updating WebAPKs More Frequently
When a Progressive Web App is installed on Android, Chrome automatically requests and installs a WebAPK of your app. Starting in Chrome 76, Chrome will check for updates more frequently, ensuring icons, titles, colors, and other key properties to rolled out to your users faster.
chrome76
mobile
install
addtohomescreen
progressive-web-apps
webapk
Address Bar Install for Progressive Web Apps on the Desktop
In Chrome 76, we're making it easier for users to install Progressive Web Apps on the desktop by adding an install button to the address bar. If a site meets the Progressive Web App installability criteria, Chrome will automatically show an install icon in the address bar, making it easy for users to install your PWA.
chrome76
desktop
install
addtohomescreen
progressive-web-apps
LayoutNG
LayoutNG is a new layout engine for Chromium that has been designed for the needs of modern scalable web applications. It improves performance isolation, better supports scripts other than Latin, and fixes many float, margin, and web compatibility issues.
layout
performance
chrome76
layoutng
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 should be promoting the installation of your PWA within the web UI of your app. We have new recommendations on how you can promote the installation of your app.
addtohomescreen
android
progressive-web-apps
install
What's New In DevTools (Chrome 76)
Autocomplete with CSS values, a new UI for network settings, and more.
chrome76
devtools
devtools-whatsnew
In Chrome 76 you can hide the Add to Home screen mini-infobar
We're giving you more control over the PWA Add to Home Screen mini-infobar. Starting in Chrome 76, you can prevent the mini-infobar from appearing by calling preventDefault()
on the beforeinstallprompt
event.
chrome76
addtohomescreen
android
progressive-web-apps
install
Augmented reality with model-viewer
In February, we introduced the model-viewer web component which let you declaratively add a 3D model to a web page. Now we're announcing support for AR on Android with the addition of the ar attribute.
3d
model-viewer
ar
augmented-reality
Paint Holding - reducing the flash of white on same-origin navigations
A quick overview of paint holding. A Chromium feature for reducing the flash of white on same-origin navigations
Deprecations and removals in Chrome 75
A round up of the deprecations and removals in Chrome 75 to help you plan.
deprecations
removals
chrome75
Low-latency rendering with the desynchronized hint
Stylus-based drawing applications built for the web suffer from latency issues because a web page has to synchronize graphics updates with the DOM. The desynchronized hint for contexts bypasses the DOM to eliminate the latency.
What's New In DevTools (Chrome 75)
Meaningful autocomplete preset values, clear site data from the Command Menu, and more.
chrome75
devtools
devtools-whatsnew
Deprecations and removals in Chrome 74
A round up of the deprecations and removals in Chrome 74 to help you plan.
deprecations
removals
chrome74
KV Storage: the Web's First Built-in Module
An introduction to the new KV Storage API, built-in modules, and import maps.
chrome74
devtools
devtools-whatsnew
What's New In DevTools (Chrome 74)
Highlight nodes affected by a CSS property, Lighthouse v4, WebSocket binary message viewer, and more.
chrome74
devtools
devtools-whatsnew
Web Dev Ecosystem team - February wrap up
February wrap up which we look back what's been happening in Web Developer Ecosystem team.
Exploring a back/forward cache for Chrome
On the Chrome team, we are exploring a new back/forward cache to cache pages in-memory (preserving JavaScript & DOM state) when the user navigates away.
Trust is Good, Observation is Better—Intersection Observer v2
Intersection Observer v2 adds the capability to not only observe intersections per se, but to also detect if the intersecting element was visible at the time of intersection.
Replacing a hot path in your app's JavaScript with WebAssembly
One key benefit that WebAssembly offers is predictable performance across browsers. But how do you turn hot path written in JavaScript into WebAssembly?
Get Ready for Priority Hints
Priority Hints are coming to an Origin Trial near you! Try them out!
Constructable Stylesheets: seamless reusable styles
Shipping in Chrome 73, Constructable Stylesheets provide a seamless way to create and distribute styles to documents or shadow roots without worrying about FOUC.
Deprecations and removals in Chrome 73
A round up of the deprecations and removals in Chrome 73 to help you plan.
deprecations
removals
chrome73
Making wheel scrolling fast by default
Scrolling responsiveness is critical to the user's engagement with a website on mobile, yet wheel
event listeners often cause serious scrolling performance problems. Learn how we are helping users and developers to be fast by default.
Better match results with String.prototype.matchAll()
Chrome 73 introduces the String.prototype.matchAll()
method. It behaves similarly to match()
, but offers a simple way to iterate over matches, especially when you need access to capture groups.
The model-viewer web component
Adding 3D models to a website can be tricky for a variety of reasons including the hosting issues and the high bar of 3D programming. That's why we're introducing the <model-viewer>
web component to let you use 3D models declaratively.
Rendering on the Web
Where should we implement logic and rendering in our applications? Should we use Server Side Rendering? What about Rehydration? Let's find some answers!
fundamentals
performance
app-shell
Audio/Video Updates in Chrome 73
A round up of the audio/video updates in Chrome 73: Hardware media keys support, HDCP policy check, Picture-in-Picture origin trials, and more.
Lightning-fast templates & Web Components: lit-html & LitElement
lit-html and LitElement are two new libraries for building fast, interoperable components. lit-html provides lightning-fast templating. LitElement is a lightweight base class for building Web Components with lit-html templates.
news
webcomponents
polymer
lit-element
lit-html
RTCQuicTransport Coming to an Origin Trial Near You (Chrome 73)
The RTCQuicTransport is a new web platform API that allows exchanging arbitrary data with remote peers using the QUIC protocol.
capabilities
rtcicetransport
rtcquictransport
progressive-web-apps
webrtc
origintrials
Prototyping Stack Packs for Lighthouse
Instead of only surfacing generalized advice, Stack Packs will extend Lighthouse to include additional messages for specific tools.
What's New In DevTools (Chrome 73)
Logpoints, detailed tooltips in Inspect Mode, and much more.
chrome73
devtools
devtools-whatsnew
Emscripten and npm
How do you integrate WebAssembly into this setup? In this article we are going to work this out with C/C++ and Emscripten as an example.
Making user activation consistent across APIs
In version 72, Chrome ships User Activation v2 which makes user activation availability complete for all activation-gated APIs, resolving many user activation inconsistencies.