Quick Links

Chrome 97 arrived on January 4, 2022. This release brings better tools for deleting stored website data, nicer-looking web apps, and more granular zoom controls for the mobile version of the browser.

Delete All Data Stored by a Website

chrome://settings/content/all
Google

Chrome 97 makes some changes to the Privacy and Security settings. You can now delete all the data stored by a website. Previously, you could only delete individual cookies. This new setting can be found at Settings > Security and Privacy > Site Settings > View Permissions and Data Stored Across Sites.

Web Apps Are More Native-Looking

PWAs top bar
Before (Top) / After (Bottom)

The one area that has kept web apps from truly looking like native apps is the top app bar. Chrome 97 allows web apps to utilize this space for elements such as search bars, navigation buttons, and colors. You can try it out by installing the web app for this demo website. It looks really nice.

Per-Site Zoom Comes to Mobile

Zoom controls in Chrome on mobile,

For a while now, Chrome on the desktop has been able to remember your zoom settings for specific websites. If you zoom into 120% on How-To Geek, Chrome will keep that setting every time to visit. Chrome 97 includes a feature flag to do this for mobile.

The flag can be found at

        chrome:flags#enable-accessibility-page-zoom
    

. Once enabled, you can adjust the zoom by tapping the lock icon in the address bar. Select "Zoom" and adjust it to your liking. Chrome will remember it next time you visit.

Related: How to Enable Google Chrome Flags to Test Beta Features

Better HDR Support for CSS

Chrome 94 started testing the ability for CSS to detect if a screen supports HDR content. That feature is now live in Chrome 97. This allows web developers to enable HDR content without compromising the experience for those who don't have HDR displays.

What Else Is New?

Google now releases every version of Chrome every four weeks, which means big splashy features aren't as frequent. There's still a lot happening under the surface, though. You can read about many of these changes on Google's developer site as well as on the Chromium blog. We'll highlight a few changes here:

  • Feature Policy for Keyboard API: Chrome 97 has a new "keyboard-map" value for the allow list of a feature policy. "Keyboard.getLayoutMap()" helps identify a key pressed for different keyboard layouts such as English and French.
  • Auto-expand Details Elements: Closed details elements are now searchable and can be linked. These hidden elements will also automatically expand when "find-in-page," "ScrollToTextFragment," and element fragment navigation are used.
  • Support calc(<number>) where only accepts <integer>: CSS math functions that resolve to <number> can be used in any place that only accepts <integer>.

How to Update Google Chrome

Chrome will automatically install the update on your device when it's available. To immediately check for and install any available updates, click the three-dot menu icon and click Help > About Google Chrome.

Related: How to Update Google Chrome