New in Chrome 87
Chrome 87 is rolling out now! You can now control pan, tilt, and zoom on webcams that support it, range requests and service workers don’t require as many workarounds, the font access API starts it’s origin trial, and plenty more. Let’s dive in and see what’s new for developers in Chrome 87!
chrome87
new-in-chrome
progressive-web-apps
origintrials
New in Chrome 86
Chrome 86 is rolling out now! The file system access API is now available in stable. There are new origin trials for Web HID and the Multi-Screen Window placement API. There’s some new stuff in CSS, and plenty more. Let’s dive in and see what’s new for developers in Chrome 86!
chrome86
new-in-chrome
progressive-web-apps
origintrials
New in Chrome 85
Chrome 85 is rolling out now! You can improve rendering performance with content-visibility: auto
. CSS properties can now be set… in CSS. You can now check if your Windows app or PWA is installed with the getInstalledRelatedApps()
API. App icon shortcuts work on Windows too (for real this time). There's an origin trial for fetch
upload streaming. And lots more. Let’s dive in and see what’s new for developers in Chrome 85!
chrome85
new-in-chrome
progressive-web-apps
origintrials
New in Chrome 84
Chrome 84 is rolling out now! Users can start common tasks within your app with App Icon Shortcuts. The Web Animations API adds support for a slew of previously unsupported features. Wake Lock, and the Content Indexing API graduate from origin trial. There are new origin trials for Idle detection and SIMD. And there’s a whole bunch more. Let’s dive in and see what’s new for developers in Chrome 84!
chrome84
new-in-chrome
progressive-web-apps
install
webanimations
offline
capabilities
wake-lock
webassembly
origintrials
New in Chrome 79
Chrome 79 is rolling out now! Installed Progressive Web Apps on Android get support for maskable icons. You can now create immersive experiences with the WebXR Device API. Origin trials start for the Wake Lock API, and the rendersubtree
attribute. And all of the videos from Chrome Dev Summit 2019 are now online. Let’s dive in and see what’s new for developers in Chrome 79!
chrome79
new-in-chrome
progressive-web-apps
webxr
install
capabilities
origintrials
chromedevsummit
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
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
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