Shortcuts

A PWA can provide shortcuts to pages (URLs) inside the app. These shortcuts are accessible by long-pressing the app icon on an Android device, by right-clicking the app icon on a ChromeOS device, or by starting the app on a macOS device or Windows device and then right-clicking the app icon in the Dock.

Note that the shortcuts are available even when the app is not running only on Android and ChromeOS devices.

Shortcuts are specified in the shortcuts member of the manifest.json file.

"shortcuts": [ { "name": "Media Capture", "short_name": "Media Capture", "description": "Media Capture allows apps to use the camera and microphone of a device", "url": "/media", "icons": [ { "src": "/src/img/icons/mediacapture-96x96.png", "sizes": "96x96" } ] }, ... ]

Demo

Install this web app to your device and access the shortcuts by long-pressing the app icon on an Android device, by right-clicking the app icon on a ChromeOS device, or by starting the app on a macOS device or Windows device and then right-clicking the app icon in the Dock.

Documentation

App shortcuts on web.dev

Browser support

Shortcuts are available on desktop for web apps installed through Chrome and Edge, web apps added to the Dock through Safari on macOS, and web apps installed through Chrome on Android.