Chrome 76

Chrome 76 has come, it said so many features input to this updated version like below. And hi there, reputableapp will look closer about chrome 76.


Chrome 76 has come, it said so many features input to this updated version like below. And hi there, reputableapp will look closer about chrome 76.

• PWA Omnibox Install Button

• More control over the PWA mini-infobar

• Faster updates to WebAPKs

• Dark mode

• Promise.allSettled()

• Reading blobs

• Image support in the async clipboard API

In this video below google said it adds support for the prefers-color-scheme media query, bringing a 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-info bar from appearing on mobile. Increases the frequency that WebAPKs are updated.

PWA Omnibox Install Button

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, sometimes called the omnibox.

If your site meets the Progressive Web App installability criteria, Chrome will show an install button in the Omnibox indicating to the user that your PWA can be installed. If the user clicks the install button, it’s essentially the same as calling prompt() on the before installing prompt event; it shows the install dialog, making it easy for the user to install your PWA.

See Address Bar Install for Progressive Web Apps on the Desktop for complete details.

More control over the PWA mini-infobar

On mobile, Chrome shows the mini-infobar the first time a user visits your site if it meets the Progressive Web App installability criteria. We heard from you that you want to be able to prevent the mini-infobar from appearing, and provide your own install promotion instead.

Starting in Chrome 76, calling preventDefault() on them before install prompt event will stop the mini-info bar from appearing.

Be sure to update your UI - to let users know your PWA can be installed. Check out Patterns for Promoting PWA Installation for our recommend best practices for promoting the installation of your Progressive Web Apps.

Faster updates to WebAPKs

When a Progressive Web App is installed on Android, Chrome automatically requests and installs a Web APK. After it’s been installed, Chrome periodically checks if the web app manifest has changed, maybe you’ve updated the icons, colors, or changed the app name, to see if a new WebAPK is required.

Starting in Chrome 76, Chrome will check the manifest more frequently; checking every day, instead of every three days. If any of the key properties have changed, Chrome will request and install a new WebAPK, ensuring the title, icons &other properties are up to date.

Make sure you read the detailed guide about updating WebAPKs here.

Dark Mode

Many operating systems now support a dark mode, or dark theme.

The prefers-color-scheme media query, allows you to adjust the look and feel of your site to match the user's preferred mode.

Everything you need to know, plus tips for architecting your style sheets to support both a light, and a dark mode can read here below:

• Prefer Color Scheme

• Web Dev Blog

Promise.allSettled()

It’s similar to Promise.all(), except it waits until all of the promises are settled before returning.

Reading blobs is easier

Blobs are easier to read with three new methods: text(), arrayBuffer(), and stream(); this means we don’t have to create a wrapper around file reader anymore!

This Article Source

This article source I get from google developer chrome 76, it covers only some of the key highlights, checks the links below for additional changes in Chrome 76.

• What's new in Chrome DevTools (76)

• Chrome 76 deprecations & removals

• ChromeStatus.com updates for Chrome 76

• What's new in JavaScript in Chrome 76

• Chromium source repository change list

Write a Comment