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 |