Pete LePage
Pete is a Developer Advocate
Advanced Web Apps Fund - Update Oct 2022
Through the Advanced Web Apps Fund, we've sponsored 11 projects, distributing more than $100k through the Open Collective, to recognize the importance of this work and to enable more people to spend time on these projects.
New in Chrome 106
Chrome 106 is rolling out now. There are new Intl APIs to give you more control when formatting numbers. There’s an origin trial for the new Pop Up API, making it easy to surface critical content to the user. There are a handful of CSS improvements. And there’s plenty more.
New in Chrome 105
Chrome 105 is rolling out now. Container queries and :has() are a match made in responsive heaven. The new Sanitizer API provides a robust processor for arbitrary strings to help reduce cross site scripting vulnerabilities. We’re taking another step towards deprecating WebSQL. And there's plenty more.
New in Chrome 104
Chrome 104 is rolling out now! Region capture specifies a crop area when using getDisplayMedia() to capture the current tab. Media query syntax can be written using mathematical comparison operators. Shared Element Transitions starts an origin trial. And there's plenty more.
New in Chrome 103
Chrome 103 is rolling out now! There's a new HTTP status code that helps the browser decide what content to preload before the page has even started to arrive. The Local Font Access API gives web applications the ability to enumerate and use fonts installed on the user's computer. There's an easier way to implement timeouts on asynchronous APIs. And there's plenty more.
New in Chrome 102
Chrome 102 is rolling out now! Installed PWAs can register as file handlers, making it easy for users to open files directly from disk. The inert attribute allows you to mark parts of the DOM as inert. The Navigation API makes it easier for single page apps to handle navigation and updates to the URL. And there's plenty more!
New in Chrome 100
Chrome 100 is rolling out now with a three digit version number. Take a stroll down memory lane and celebrate #100CoolWebMoments since Chrome's first release. There are some important changes to the user agent string. The Multi-Screen Window Placement API makes it possible to enumerate the displays connected to a user's machine, and place windows on specific screens. And there's plenty more!
New in Chrome 99
Chrome 99 is rolling out now! CSS cascade layers gives you more control over your CSS, and helps to prevent style-specificity conflicts. The showPicker() method allows you to programmatically show a browser picker for input elements like date, color, and datalist. Version 100 of Chrome and Firefox is just weeks away. And there's plenty more!
New in Chrome 98
Chrome 98 is rolling out now! If you’ve signed up for the Auto Dark Theme origin trial, there’s a new way to opt out at a per element level. There’s now support for COLRv1, an evolution of the COLRv0 font format. And there’s plenty more.
New in Chrome 97
Chrome 97 is rolling out now! There's a new option for sending real time messages between the client and server using Web Transport. You can use feature detection to see what types of scripts a browser supports. JavaScript gets better, and there's plenty more.
New in Chrome 96
Chrome 96 is rolling out now! There are two new properties in the web app manifest. The id property allows you to specify a unique ID for your PWA, and the protocol_handlers property allows you to automatically register your PWA as a protocol handler upon installation. There's a new origin trial that allows you to specify fetch priority for downloading resources. And there's plenty more!
New in Chrome 95
Chrome 95 is rolling out now! Routing gets easier with URLPattern baked into the browser, the Eye Dropper API provides a built in tool for selecting colors, there's a new origin trial that allows you to opt into receiving the reduced UA string now, and there's plenty more.
Uniquely identifying PWAs with the web app manifest id property
The optional `id` property is part of the web app manifest spec, and allows you to explicitly define the identifier used for your PWA. Adding the `id` property to the manifest removes the dependency on the `start_url` or the location of the manifest, and makes it possible for them to be updated in the future.
New in Chrome 93
Chrome 93 is rolling out now! You can now load CSS style sheets with import statements, just like JavaScript modules. Installed PWAs can register as URL handlers, making it possible for users to jump straight into your PWA. The Multi-Screen Window Placement API has been updated based on your feedback, and starts a second origin trial. We're shortening the release cycle for stable to four weeks. And there's plenty more.
New in Chrome 91
Chrome 91 is rolling out! Web apps that interact with files can now suggest file names and directories when using the File System Access API. You can also read files from the clipboard! If your site has more than one domain, and they share the same account management backend, you can tell Chrome they're the same, allowing the password manager to suggest the right credentials. Plus, all the videos from I/O are now available, and there's plenty more.
New in Chrome 90
Chrome 90 is rolling out now! There's a new value for the CSS overflow property. The Feature Policy API has been renamed to Permissions Policy. And there's a new way to implement and use Shadow DOM directly in HTML. Plus there's plenty more.
Speeding up Google Chrome's release cycle
Later this year, we plan to shorten the release cycle and ship a new version of Google Chrome to the stable channel every four weeks, down from the current six-week cycle.
New in Chrome 89
Chrome 89 is rolling out now! WebHID, WebNFC, and Web Serial have graduated from their origin trials and are now available in stable. We're closing a loophole a few developers used to skirt the PWA installability checks. Web Share, and Web Share Target arrive on the desktop. And there's plenty more!
New in Chrome 88
Chrome 88 is rolling out now! 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. You can now use Play Billing in your Trusted Web Activity, and there's plenty more. Let's dive in and see what's new for developers in Chrome 88!
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!
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!
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!
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!
New in Chrome 83
Chrome 83 is rolling out now! It adds support for trusted types, which help prevent cross site scripting vulnerabilities. Form elements get an important make-over. There's a new way to detect memory leaks. And the native file system API starts a new origin trial with added functionality. Let's dive in and see what's new for developers in Chrome 83!
New in Chrome 81
Chrome 81 is rolling out now! App icon badging graduates from it's origin trial. Hit testing for augmented reality is now available in the browser. Web NFC starts its origin trial. And I've got an update on the adjusted Chrome release schedule. Let's dive in and see what's new for developers in Chrome 81!
New in Chrome 80
Chrome 80 is rolling out now, and there's a ton of new stuff in it for developers! There's support for modules in workers, optional chaining in JavaScript, new origin trials, features that have graduated from origin trial, and so much more. Let's dive in and see what's new for developers in Chrome 80!
Overview
Learn how you can seamlessly integrate your Progressive Web App into your Android App with a Trusted Web Activity.
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!
Receiving shared data with the Web Share Target API
On a mobile or desktop device, sharing should be as simple as clicking the Share button, choosing an app, then choosing who to share with. The Web Share Target API allows installed web apps to register with the underlying operating system to receive shared content.
New in Chrome 78
Chrome 78 is rolling out now! You can now provide "types" for CSS variables. You get fresher service workers because byte-for-byte checks are now performed for scripts imported by importScripts(). And I've got details for two new origin trials that provide some neat new functionality including the Native File System and the SMS Receiver. Plus the Chrome DevSummit is happening November 11-12, 2019. Let's dive in and see what's new for developers in Chrome 78!
New in Chrome 77
Chrome 77 is rolling out now! There's a better way to track the performance of your site with Largest Contentful Paint. Forms get some new capabilities. Native lazy loading is here. The Chrome DevSummit is happening November 11-12, 2019. And plenty more. Let's dive in and see what's new for developers in Chrome 77!
The File System Access API: simplifying access to local files
The File System Access API enables developers to build powerful web apps that interact with files on the user's local device, such as IDEs, photo and video editors, text editors, and more. After a user grants a web app access, this API allows them to read or save changes directly to files and folders on the user's device.
A contact picker for the web
Access to the user's contacts has been a feature of iOS/Android apps since (almost) the dawn of time. The Contact Picker API is an on-demand API 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.
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!
New in Chrome 75
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!
New in Chrome 74
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!
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!
New in Chrome 72
In Chrome 72, creating public class fields in JavaScript is now much cleaner, you can see if a page has been activated with the new User Activation API, localizing lists becomes way easier, and there's plenty more. Let's dive in and see what's new for developers in Chrome 72!
Stay awake with the Screen Wake Lock API
To avoid draining the battery, most devices will quickly fall asleep when left idle. While this is fine most of the time, there are some applications that need to keep the screen awake in order to complete some work. The Screen Wake Lock API provides a way to prevent the device from dimming or locking the screen when an application needs to keep running.
Badging for app icons
The App 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.
New in Chrome 71
Chrome 71 makes displaying relative time values easier with the new Intl.RelativeTimeFormat() API. You can specify which side of the text the underline should appear on for text that flows vertically. And using the speech synthesis API now requires user activation before your computer starts talking to you! Let's dive in and see what's new for developers in Chrome 71!
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!
New in Chrome 69
It's been ten years since Chrome was first released. A lot has changed since then, but our goal of building a solid foundation for modern web applications hasn't! In Chrome 69 there's support CSS Scroll Snapping, support for notches, web locks, and a few cool new CSS4 features. Let's dive in and see what's new for developers in Chrome 69!
New in Chrome 68
Chrome 68 brings changes to the Add to Home Screen behavior on Android, giving you more control. The page lifecycle API tells you when your tab has been suspended or restored. And the Payment Handler API makes it possible for web-based payment apps to support the Payment Request experience. Let's dive in and see what's new for developers in Chrome 68!
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.
New in Chrome 67
Chrome 67 brings Progressive Web Apps to the desktop. Adds support for the generic sensor API, which makes it way easier to get access to device sensors like the accelerometer, gyroscope and more. And adds support for BigInts making dealing with big integers way easier. Let's dive in and see what's new for developers in Chrome 67!
New in Chrome 66
Chrome 66 makes CSS manipulation easier with the new CSS Typed Model Object, access to the clipboard is now asynchronous, there's a new rendering context for canvas elements, and a better way to process Audio using JavaScript. Let's dive in and see what's new for developers in Chrome 66!
New in Chrome 65
Chrome 65 adds support for the new CSS Paint API, which allows you to programmatically generate an image. You can use the Server Timing API to provide server performance timing information via HTTP headers, and the new CSS display: contents property can make boxes disappear! Let's dive in and see what's new for developers in Chrome 65!
New in Chrome 64
Chrome 64 adds support for ResizeObservers, which will notify you when an element's content rectangle has changed its size. Modules can now access to host specific metadata with import.metadata The pop-up blocker gets strong and plenty more. Let's dive in and see what's new for developers in Chrome 64!
New in Chrome 63
Chrome 63 allows you to import JavaScript modules dynamically. My favorite interview coding question becomes a piece of cake with async iterators and generators. And you can override the browser's default overflow scroll behavior with the CSS overscroll-behavior property.
New in Chrome 62
Chrome 62 improves the network information API with network quality indicators, support for OpenType Variable Fonts has landed and you can now capture and process media streams from HTMLMediaElements with the Media Capture from DOM elements API.
New in Chrome 61
Chrome 61 now supports JavaScript modules natively, unifying the way modular JavaScript can be written. You can now use navigator dot share to trigger the native Android share dialog. And the WebUSB API has landed, allowing web apps to access user permitted USB devices. And, there's plenty more.
New in Chrome 60
With Chrome 60, you can now measure time to first paint and time to first contentful paint with the Paint Timings API. You can control how fonts are rendered with the font-display CSS property. WebAssembly has landed and there's plenty more!
New in Chrome 59
With Chrome 59, you can run Chrome in an automated environment without a user interface or peripherals; notifications on macOS are shown directly by the native macOS notification system; you can now capture full resolution photos with the image capture API, and there's plenty more!
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.
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!
New In Chrome 56
With Chrome 56, web apps can now communicate with nearby Bluetooth Low Energy devices using the Web Bluetooth API. CSS position: sticky; is back - making it easy to create elements that scroll normally until sticking to the top of the viewport. And HTML5 by Default is enabled for all users.
New In Chrome 55
With Chrome 55, you can write promise-based code as if it were synchronous, using async and await. PointerEvents provide a unified way of handling all input events. And persistent storage graduates from it's origin trial.
New In Chrome 54
With Chrome 54, you can now create your own custom HTML tag with and make re-usable web components with Custom Elements v1; it's easier to send messages between open windows or tabs on the same origin with the BroadcastChannel API; media experience get better on Android and foreign fetch is now available as an origin trial.
Updates to developers.google.com/web
The new Web Fundamentals - better navigation, new content and more!
Support for theme-color in Chrome 39 for Android
Use theme-color to set the toolbar color in Chrome for Android.
CSS Background shorthand coming to mobile WebKit browsers
CSS Background shorthand coming to mobile WebKit browsers
Introducing video player sample
The Video Player Sample is an open source video player web app built using the same architecture as the 60 Minutes and RedBull.tv apps.