Mobile PWA

Mobile applications are hybrids of web applications and PWA (Progressive Web Apps). Web applications can be viewed in a browser. PWAs are installed and executed on smartphones. Manifest setting is required for PWA operation.

Tips

Tips

The method of installing PWA on a smartphone differs depending on the operating system.

• For iOS (Safari): Select the "Center Menu" icon "Add to Home Screen".
• For Android (Chrome): Go to the site and tap “Install”. Or, in the upper right corner of the browser, select "Vertical Three-Point Reader" - "Add to Home Screen" and tap "Install".

Note: PWS is not supported in Chrome for iOS.

Manifest

Configure the manifest settings necessary for the PWA to operate.

Item	Description	Corresponding member
Application Name	Application Name default is application label already set	name
Application Short Name	This is given priority in narrow display areas such as the home screen.	short_name
Application Description	This is the description of the application.	description
App Icon 512 x 512 (px)	Large icon. Prepare a PNG image of 512px in height and width.	icons
App Icon 512 x 512 (px) for Android	Large icon. Prepare a PNG image of 512px in height and width. Masked icon (circular clipping) for Android.	icons
App Icon 192 x 192 (px)	Small icon. Prepare a PNG image of 192px in height and width.	icons
App Icon 192 x 192 (px) for Android	Small icon. Prepare a PNG image of 192px in height and width. Masked icon (circular clipping) for Android	icons