Periodic background sync is available as an origin trial starting in Chrome 77. Learn more about what the feature offers, as well as how to start experimenting with it today.
A round up of the deprecations and removals in Chrome 77 to help you plan.
Access to the user’s contacts has been a feature of native apps since (almost) the dawn of time. The Contact Picker API is a new, on-demand picker that allows users to select an entry or entries from their contact list and share limited details of the selected contact(s) with a website. It allows users to share only what they want, when they want, and makes it easier for users to reach and connect with their friends and family.
Chrome 76 is rolling out now! It adds support for the
prefers-color-scheme media query, bringing dark mode to websites. An install button in the omnibox to make installation of Progressive Web Apps on desktop easier. A way to prevent the mini-infobar from appearing on mobile. Increases the frequency with which WebAPKs are updated. And plenty more. Let’s dive in and see what’s new for developers in Chrome 76!
Web Platform tests (WPT) are the preferred way to test web-exposed features, as they are shared with other browsers via Github. This month, we take a look at WPT best practices.
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.
Copy element styles, visualize layout shifting, and more.
Web Components v0 users have more time to upgrade to v1; but be sure and test.
Chrome 76 adds expands the functionality of the Async Clipboard API to add support for png images. Copying and pasting images to the clipboard has never been easier.
Tests are critical because they find bugs and regressions, enforce better designs and make code easier to maintain. This month, we take a look at how to conduct thorough tests with Gerrit
A round up of the deprecations and removals in Chrome 76 to help you plan.
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.
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.
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.
Chrome 75 is rolling out now. There’s a new way to reduce latency on
canvas elements. Web apps can now share files to other installed apps using the system level share sheet. All of talks from Google I/O are on our YouTube channel. And plenty more. Let’s dive in and see what’s new for developers in Chrome 75!
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.
Autocomplete with CSS values, a new UI for network settings, and more.
Flaky tests are a common problem in Chrome. They impact the productivity of other developers, and get disabled over time. This month, we take a look at how to fight test flakiness.
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
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.
A quick overview of paint holding. A Chromium feature for reducing the flash of white on same-origin navigations
Chrome 75 introduces file sharing from a web app, which lets your web app can share with virtually anything on a user's device.
A round up of the deprecations and removals in Chrome 75 to help you plan.
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.
Just in time for Google I/O, Chrome 74 is landing now! It adds support for private class fields; allows you to detect when the user has requested a reduced motion experience; adds support for CSS transition events, and plenty more. Let’s dive in and see what’s new for developers in Chrome 74!
Meaningful autocomplete preset values, clear site data from the Command Menu, and more.
The Chrome team is proud to introduce the Chromium Chronicle, a monthly series geared specifically to Chromium developers - the developers who build the browser. This month, we take a look at task scheduling best practices.
A round up of the deprecations and removals in Chrome 74 to help you plan.
Chrome 73 makes creating portable content easier with signed HTTP exchanges. Dynamically changing styles becomes way easier with constructable style sheets. And adds support for Progressive Web Apps on Mac, bringing support for PWAs to all desktop and mobile platforms, making it easy to create installable apps, delivered through the web. Let’s dive in and see what’s new for developers in Chrome 73!
An introduction to the new KV Storage API, built-in modules, and import maps.
The prefers-reduced-motion media query detects whether the user has requested that the system minimize the amount of animation or motion it uses.
Highlight nodes affected by a CSS property, Lighthouse v4, WebSocket binary message viewer, and more.
February wrap up which we look back what's been happening in Web Developer Ecosystem team.
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.
Trusted Types is a new experimental API available in Chrome that helps prevent DOM-Based Cross-Site Scripting in your applications.
Priority Hints are coming to an Origin Trial near you! Try them out!
Shipping in Chrome 73, Constructable Stylesheets provide a seamless way to create and distribute styles to documents or shadow roots without worrying about FOUC.
A round up of the deprecations and removals in Chrome 73 to help you plan.
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.
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.
Trusted Web Activities are a new way to integrate your web-app content such as your PWA with your Android app using a similar protocol to Chrome Custom Tabs.
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.
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.
Where should we implement logic and rendering in our applications? Should we use Server Side Rendering? What about Rehydration? Let's find some answers!
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.
The RTCQuicTransport is a new web platform API that allows exchanging arbitrary data with remote peers using the QUIC protocol.
Instead of only surfacing generalized advice, Stack Packs will extend Lighthouse to include additional messages for specific tools.
Logpoints, detailed tooltips in Inspect Mode, and much more.
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.
In version 72, Chrome ships User Activation v2 which makes user activation availability complete for all activation-gated APIs, resolving many user activation inconsistencies.
The Shape Detection API allows for faces, barcodes, and text to be detected in images.