Generate Web App Manifest files - Visual manifest.json configuration
PWA Manifest (Web App Manifest) is a JSON file that defines a Progressive Web App's name, icons, start URL, display mode, etc. It enables web apps to be installed on device home screens like native apps.
Core fields: name, short_name, start_url, display, icons, background_color, theme_color. Optional: description, orientation, scope, categories, screenshots, etc.
Four modes: standalone (independent app, no browser UI), fullscreen (no UI at all), minimal-ui (basic navigation buttons), browser (normal browser tab). Standalone is recommended for best PWA experience.
Multiple sizes needed: at least 192x192 and 512x512 (required for Android), plus 72x72, 96x96, 144x144, 384x384 recommended. PNG format, 512x512 icon used for splash screen.
Use Chrome DevTools Application panel to view Manifest info. Check: 1) Valid JSON; 2) Accessible icon files; 3) Valid start_url; 4) Service Worker for offline. Lighthouse audit also checks Manifest configuration.
PWA Manifest (Web App Manifest) is a JSON file that defines a Progressive Web App's name, icons, start URL, display mode, etc. It enables web apps to be installed on device home screens like native apps.
Core fields: name, short_name, start_url, display, icons, background_color, theme_color. Optional: description, orientation, scope, categories, screenshots, etc.
Four modes: standalone (independent app, no browser UI), fullscreen (no UI at all), minimal-ui (basic navigation buttons), browser (normal browser tab). Standalone is recommended for best PWA experience.
Multiple sizes needed: at least 192x192 and 512x512 (required for Android), plus 72x72, 96x96, 144x144, 384x384 recommended. PNG format, 512x512 icon used for splash screen.
Use Chrome DevTools Application panel to view Manifest info. Check:
1) Valid JSON;
2) Accessible icon files;
3) Valid start_url;
4) Service Worker for offline. Lighthouse audit also checks Manifest configuration.