Chrome Dev Summit

Chrome 88 is starting to roll out to stable now.

Here's what you need to know:

You can now upload extensions using manifest v3 to the Chrome Web Store.
The aspect-ratio CSS property makes it easy to set the aspect ratio on any element.
Chrome 88 will heavily throttle chained JavaScript timers for hidden pages in particular conditions.
You can now use Play Billing in your Trusted Web Activity.
All the videos from Chrome Dev Summit are up.
And, there's plenty more.

Unlike all the years of coming together for Chrome Dev Summit, this time we are coming to you! It's a great pleasure to host Chrome Dev Summit Extended India and serve the most out of it to you all. This is going to be a virtual conference which will run on January 9, 2021 on amazing topics such as Web Vitals, Speedtools, Web capabilities. Connect with Chrome engineers and other leading developers for a two-day exploration of building beautiful and performant experiences. The Chrome Dev Summit 2014 website was built in-house by our own Paul Lewis, the CDS website showed how to build a great mobile web experience for conference visitors. Chrome Developer Summit 2020 - YouTube As always, we kept things simple with a single track of content, including a bunch of bonus videos. Over the two days, we shared what’s possible on the web.

I'm Pete LePage, working, and shooting from home, let's dive in and see what's new for developers in Chrome 88!

Manifest v3 #

Chrome 88 now supports extensions built with manifest v3, and you can upload them to the Chrome Web Store. Manifest v3 is a new extension platform, that makes Chrome extensions more secure, performant, and privacy respecting, by default.

For example, it disallows remotely hosted code, which helps Chrome Web Store reviewers better understand what risks an extension poses. And should allow you to update your extensions faster.

It introduces service workers as a replacement for background pages. Since service workers are only resident in memory when needed, extensions will use less system resources.

And to give users greater visibility and control over how extensions use and share their data, in a future release we will be adopting a new install flow that allows users to withhold sensitive permissions at install time.

Check out developer.chrome.com for complete details, and how to migrate your current extension to manifest v3.

CSS `aspect-ratio` property #

Normally, only some elements have an aspect ratio, for example images. For them, if only the width, or the height, is specified, the other is automatically computed using the intrinsic aspect ratio.

In Chrome 88, the aspect-ratio property allows you to explicitly specify an aspect ratio, enabling a similar behavior.

You can also use progressive enhancement to check if it's supported in the browser, and apply a fallback if necessary. Then, with the new CSS 4 not selector, you can make your code a little cleaner!

Thanks to Jen Simmons for calling out this is supported in the latest Safari Technical Preview, so we should see it in Safari soon! And check out Una's demo to see it in action.

Heavy throttling of chained JS timers #

Chrome 88 will heavily throttle chained JavaScript timers for hidden pages in particular conditions. This will reduce CPU usage, which will also reduce battery usage. There are some edge cases where this will change behavior, but timers are often used where a different API would be more efficient, and more reliable.

That was pretty jargon heavy, and a bit ambiguous, so check out Jake's article Heavy throttling of chained JS timers beginning in Chrome 88 for all the details.

Play billing in Trusted Web Activity #

You can now use Play Billing in your Trusted Web Activity to sell digital goods and subscriptions using the new Digital Goods API. It's available as an origin trial in Chrome 88 on Android, and we expect it to expand the origin trial to Chrome OS in the next release.

Once your accounts are set-up, update your Trusted Web Activity to enable Play billing, and create your digital goods in the Play Developer Console. Then, in your PWA, add your origin trial token, and you're ready to add the code to check for existing purchases, query for available purchases, and make new purchases.

Adriana and Andre go into more detail in their Chrome Dev Summit talk - What's new for web apps in Play, or check out the docs.

And more #

And of course there's plenty more.

To conform to a change in the HTML standard, anchor tags with target='_blank' will now imply rel='noopener' by default, this helps prevent tab-napping attacks.
Most operating systems enable mouse acceleration by default, but that can be a problem for some games. In Chrome 88, the Pointer Lock API allows you to disable mouse acceleration. That means the same physical motion, slow or fast, results in the same rotation, providing a better gaming experience and higher accuracy.
And addEventListener now takes an Abort Signal as an option. Calling abort() removes that event listener, making it easy to shut down event listeners when no longer needed.

Google Developer Summit

Subscribe #

Chrome Dev Build

Want to stay up to date with our videos, then subscribe to our Chrome Developers YouTube channel, and you'll get an email notification whenever we launch a new video.

I'm Pete LePage, and as soon as Chrome 89 is released, I'll be right here to tell you -- what's new in Chrome!