shortcuts

Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

Type Object

The shortcuts member defines an array of shortcuts or links to key tasks or pages within a web app. A user agent can use these values to assemble a context menu to be displayed by the operating system when a user engages with the web app's icon. When user invokes a shortcut, the user agent will navigate to the address given by shortcut's url member.

Shortcut item values

Shortcut objects may contain the following values (only name and url are required):

Member Description
name A string that can be displayed to the user in a context menu.
short_name A string that can be displayed where there is insufficient space to display the full name of the shortcut.
description A string that describes the purpose of the shortcut. It may be exposed to assistive technology.
url A URL within the application that opens when the shortcut is activated.
icons A set of icons that represent the shortcut. They can be used, e.g., in the context menu. When included, the icon set must include a 96x96 pixel icon.

Examples

The following is a list of shortcuts a calendar app might have:

"shortcuts" : [
  {
    "name": "Today's agenda",
    "url": "/today",
    "description": "List of events planned for today"
  },
  {
    "name": "New event",
    "url": "/create/event"
  },
  {
    "name": "New reminder",
    "url": "/create/reminder"
  }
]

Specifications

No specification found

No specification data found for html.manifest.shortcuts.
Check for problems with this page or contribute a missing spec_url to mdn/browser-compat-data. Also make sure the specification is included in w3c/browser-specs.

Browser compatibility

BCD tables only load in the browser