Intermediate LevelHTML & Semantic Web
How does the Web App Manifest (manifest.json) configure PWA standalone installation?
❓ Interview Prompt: Explain manifest.json linking (<link rel="manifest">), display mode standalone, icons, theme-color, and start_url.
The Web App Manifest ('manifest.json') is a JSON file that instructs browsers how your Progressive Web App should behave when installed on mobile or desktop home screens.
Essential Fields:
•
'display: "standalone"': Hides browser URL address bars, giving the PWA a native app look.
•
'start_url': Specifies the landing page opened upon launcher activation.
•
'icons': Array of app icons (192x192, 512x512).
Code Implementation Example
json
{
"short_name": "PWA App",
"name": "My Progressive Web App",
"icons": [
{ "src": "/icon-192.png", "sizes": "192x192", "type": "image/png" }
],
"start_url": "/",
"background_color": "#ffffff",
"theme_color": "#000000",
"display": "standalone"
}💡PWA Web App Manifest JSON configuration file.
🎯 Interview Key Takeaway
Link manifest.json via <link rel="manifest"> to enable standalone PWA home screen installation.
#Web App Manifest#PWA#standalone#Intermediate
Back to all HTML & Semantic Web Questions→