short_name

The short_name manifest member is used to specify a short name for your web application, which may be used when the full name is too long for the available space.

Syntax

/* Short names of web apps */
"short_name": "TaskPlanner"
"short_name": "RecipePantry"

Values

• short_name
  • : A string that specifies a short version of your web app’s name.

Description

Browsers may use short_name in place of name when there is insufficient space to display the full name, such as on a device’s home screen, in the application switcher, or in other space-constrained contexts.

Keep the following points in mind when selecting a short name for your web app:

• It should be a concise version of your app’s name.
• While aiming for brevity, it should still be recognizable and meaningful.
• Consider how it will appear in space-constrained contexts.
• Follow the same guidelines for cultural sensitivity and trademark as for name.

Examples

Adding a short name for your web app

Consider a web app that helps users plan and log their hiking adventures. The name has been defined as Trail Navigator. A short_name can be added to the manifest as follows:

{
  "name": "Trail Navigator",
  "short_name": "TrailNav"
}

The app’s shorter name TrailNav is concise and is suitable for limited space contexts. It maintains a connection to the app’s full name and is easy to remember.

Specifications

Browser compatibility

See also

• name manifest member
• The web app manifest for making your web app installable