PWA manifest localization demo

Testing PWA manifest localization capabilities

App icon

This PWA demonstrates manifest localization using the name_localized, short_name_localized, icons_localized, description_localized, and shortcuts_localized fields.

How to use this app

First, install the app on your device:

  1. Open this demo in a new window or tab in Microsoft Edge.
  2. In the address bar, click the App available button to install the PWA on your device.

If your browser is set to English, German, Arabic, or French, the installed PWA is displayed in that language:

  • The localized app's name, short name, description, icon, and shortcuts come from the _localized suffix members in the the web app manifest file.
  • The content of this page is localized via runtime JavaScript code.

To test the app with another language:

  1. In Microsoft Edge, go to edge://settings/languages.
  2. Under Preferred languages, click ... next to English, German, Arabic, or French, choosing the one your browser is not already using.
  3. Select Display Microsoft Edge in this language.
  4. Restart the PWA. You are prompted to update the installed PWA to the new localized values.