What Is A Manifest? What Does A Manifest Sample Look Like?

The Manifest for Web Apps is a JSON-based manifest file that provides a centralized place to put metadata associated with a web application (like app name, icons, presentation, etc.), thus solving the problem of having to maintain an heterogeneous set of meta tags and link tags to support each platform. PWAs use this manifest to control the appearance and behavior of the app when it is installed and launched from the user device. For more details see the Web App Manifest Specification.  

The Manifest can use as many or as few of the declarations as is needed. A sample manifest looks like the below:   

{  "name": "testAppMe",  "short_name": "testAppMe",  "icons": [{    "src": "images/icons/icon-128x128.png",      "sizes": "128x128",      "type": "image/png"    }, {      "src": "images/icons/icon-144x144.png",      "sizes": "144x144",      "type": "image/png"    }, {      "src": "images/icons/icon-152x152.png",      "sizes": "152x152",      "type": "image/png"    }, {      "src": "images/icons/icon-192x192.png",      "sizes": "192x192",      "type": "image/png"    }, {      "src": "images/icons/icon-256x256.png",      "sizes": "256x256",      "type": "image/png"    }, {      "src": "images/icons/icon-512x512.png",      "sizes": "512x512",      "type": "image/png"    }],  "start_url": "https://localhost:8080/app/",  "display": "standalone",  "background_color": "#cd0000",  "theme_color": "#FFF"}

Was this article helpful