Badging for App Icons
The Badging API allows installed web apps to set an application-wide badge, shown in an operating-system-specific place associated with the application, such as the shelf or home screen. Badging makes it easy to subtly notify the user that there is some new activity that might require their attention, or it can be used to indicate a small amount of information, such as an unread count.
capabilities badging install progressive-web-apps serviceworker notifications origintrials
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
Experimenting with Periodic Background Sync
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.
serviceworker progressive-web-apps install
New in Chrome 76
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!
chrome76 new-in-chrome mobile install addtohomescreen progressive-web-apps webapk css desktop
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
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
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
New in Chrome 73
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!
chrome73 new-in-chrome desktop progressive-web-apps webpackage css regex
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
A Picture is Worth a Thousand Words, Faces, and Barcodes—The Shape Detection API
The Shape Detection API detects faces, barcodes, and text in images.
capabilities shape-detection progressive-web-apps webapp
Check If Your Native App Is Installed With getInstalledRelatedApps()
As the capability gap between web and native gets smaller, it gets easier to offer the same experience for both web and native users. This may lead to cases where users have both web and native versions of the same app installed on the same device. Apps should be able to detect this situation. The getInstalledRelatedApps() API is a new web platform API that allows your web app to check to see if your native app is installed on the users device, and vice versa.
capabilities progressive-web-apps webapp webapk native chrome73 origintrials
New in Chrome 70
Chrome 70 adds support for Desktop Progressive Web Apps on Windows and Linux, support for Public Key Credentials to the Credential Management API, allows you to provide a name to dedicated workers and plenty more. Let’s dive in and see what’s new for developers in Chrome 70!
chrome70 new-in-chrome progressive-web-apps desktop credentials security workers
Tweaks to cache.addAll() and importScripts() coming in Chrome 71
Some small changes are coming to cache.addAll() and importScripts(), starting in Chrome 71.
progressive-web-apps serviceworker chrome71 deprecations removals
Changes to Add to Home Screen Behavior
Starting in Chrome 68 on Android, the Add to Home Screen behavior is changing to give you more control over when and how to prompt the user. If your site meets the add to home screen criteria, Chrome will no longer automatically show the add to home screen banner. Instead, you'll need to call prompt() on the saved beforeinstallprompt event to show the add to home screen dialog prompt to your users
progressive-web-apps desktop chrome68 addtohomescreen
Beyond SPAs: alternative architectures for your PWA
Building a Progressive Web App doesn't mean building a single page app! Read about alternative architectures for content-focused PWAs, and help you make the right decision for your specific use case.
streams progressive-web-apps serviceworker app-shell
New in Chrome 58
With Chrome 58, Progressive Web Apps are more immersive with display: fullscreen. IndexedDB 2.0 is now supported and sandboxed iFrames get more options. Pete LePage has all the details and how you can use these new developer features in Chrome 58.
chrome58 new-in-chrome iframe sandbox indexeddb progressive-web-apps fullscreen
New in Chrome 57
With Chrome 57, you can now use display: grid for grid based layouts, use the media session API to customize the lock screen and notifications with information about the media being played, and more. Pete LePage has all the details and how you can use these new developer features in Chrome 57!
chrome57 new-in-chrome css progressive-web-apps media grids
Lighthouse January 2017 update
What's new in Lighthouse 1.5. New audits, extension updates, Performance Experiment, online Viewer features, and UI tweaks.
lighthouse tools performance progressive-web-apps
Building a Better Web with Lighthouse
What's new in Lighthouse. Redesign, new best practice audits, and an online report viewer.
lighthouse tools performance progressive-web-apps
Getting Started with Progressive Web Apps
Learn how to get started building Progressive Web Apps
