Skip to main content

[Update: Tutorial] Progressive Web Apps will support Android’s homescreen app shortcuts

Progressive Web Apps are the future as they bring the best parts of the web to a more native experience. Now, for Android users, Progressive Web Apps are picking up the ability to take advantage of app shortcuts on the homescreen.

App shortcuts were introduced back in Android Nougat as a new long-press method that could access portions of an app a bit faster. When used properly, they can be a really handy tool for Android users.

Now, that functionality is being expanded to Progressive Web Apps on Android. Pointed out by Googler Thomas Steiner on Twitter, the latest Chrome Canary release for Android enables app shortcuts for PWAs. This is accomplished using the Web App Manifest’s “shortcuts” member which accomplishes the same goal as Android app shortcuts — directly linking to a specific part of an app or experience.

In a demo available at sadchonks.com, Android users can add the PWA to their homescreen and then long press to access “Saved Chonks” or “New Chonks” using Android app shortcuts. It should be fun to see this functionality evolve over time and be taken advantage of from other PWA developers!


Update 5/20: Google has today released a new tutorial post for this functionality. François Beaufort and Jungkee Song explain in the brief post how developers can get started with app shortcuts on Progressive Web Apps as well as some tips and best practices. If you’re a web developer, it’s definitely worth a look.

App shortcuts are optionally defined in the web app manifest, a JSON file that tells the browser about your Progressive Web App and how it should behave when installed on the user’s desktop or mobile device. More specifically, they are declared in the shortcuts array member. Below is an example of a potential web app manifest.

More on Progressive Web Apps:

FTC: We use income earning auto affiliate links. More.

You’re reading 9to5Google — experts who break news about Google and its surrounding ecosystem, day after day. Be sure to check out our homepage for all the latest news, and follow 9to5Google on Twitter, Facebook, and LinkedIn to stay in the loop. Don’t know where to start? Check out our exclusive stories, reviews, how-tos, and subscribe to our YouTube channel