Mobile
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.
Viewport settings are now available from v3.3.0. You can adjust the display area of mobile applications.
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 |
Viewport
Configure viewport settings to adjust the display area of mobile applications.
| Item | Description |
|---|---|
| Width | Sets the viewport width. ・ device-width: Automatically adjusts to the device screen width ・ 390: Displays at a fixed width of 390px |
| Initial Scale | Sets the zoom level when the page is opened.1.0 is recommended (100% display).Cannot be selected when the device width is fixed at 390. |
| Viewport Fit | Sets the screen display range. ・ auto: Automatic adjustment (default)・ cover: Uses the entire screen (effective on devices with notches)・ contain: Fits within the safe area |