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
PWACompat: the Web App Manifest for all browsers
Use the PWACompat library to bring your Web App Manifest to all browsers. By simply dropping in the library, many of the link
and meta
meta tags required to support older browsers for icons, home screen behavior, theming etc, will be added automatically- no more steps required!
Help users checkout faster with Autofill
Help users checkout faster with Autofill. We’ve found that by correctly using autocomplete attributes on your forms, users complete them up to 30% faster!
news
forms
autofill
monetization
mobile
Port forwarding
DevTools port forwarding enables even localhost URLs to work on mobile.
Autocapitalize for mobile
Another text entry frustration for users is being removed.
Fundamentals of Mobile Web Development
A quick look at some of the efforts the Chrome team are doing to helps developers get started with Web Development and iterate on their sites.
news
fundamentals
mobile
frontend
Support for theme-color in Chrome 39 for Android
Use theme-color to set the toolbar color in Chrome for Android.
A More Compatible, Smoother Touch
You and your users want mobile web apps that react and scroll smoothly to the touch. Developing them should be easy but, unfortunately, how mobile web browsers react to touch events during scrolling is left as an implementation detail in the TouchEvent specification.
Chrome Dev Summit: Performance Summary
Performance Matters
Chrome Dev Summit: Polymer declarative, encapsulated, reusable components
Polymer is a gateway into the amazing future of Web Components. Learn more about Web Components and Polymer from the Chrome Dev Summit
news
mobile
polymer
webcomponents
Chrome Dev Summit: Mobile Summary
Here's the first in a series of reports from Chrome Dev Summit. There was a strong emphasis on Mobile and Cross-device development, so we'll kick off with that!
news
ux
workflow
mobile
webview
grunt
serviceworker
300ms tap delay, gone away
Every click interaction in mobile browsers is hampered with a 300ms delay, but that's gone in Chrome 32 for mobile-optimized sites!
news
mobile
performance
touchevent