➡️ Open the demo ⬅️
This demo showcases the use of _localized suffixed web app manifest members, which allow Progressive Web Apps (PWAs) to provide localized app metadata (such as name, description, and icons) for different languages directly in the manifest file.
The demo app is localized in English, German, Arabic, and French.
-
In Microsoft Edge, open the Manifest Localization Test App in a new window or tab.
-
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 displays the name, short name, icon, description, and shortcuts that are defined in the web app manifest file for that language.
-
In Microsoft Edge, go to
edge://settings/languages. -
Under Preferred languages, click ... next to English, German, Arabic, or French, choosing the one which your browser isn't already using.
-
Select Display Microsoft Edge in this language.
-
Restart the PWA.
You are prompted to update the installed PWA to the new localized values.