Inspecting web app manifests¶
When you open the Application panel’s Manifest view on a page that doesn’t have an app manifest successfully deployed, you’ll get the following output shown:
Deploying a manifest¶
<link rel="manifest" href="/manifest.webmanifest">
.webmanifest extension is recommended in the spec, and should be served with an
application/manifest+json mime type, although browsers generally tend to support manifests with other appropriate extensions like
.json (mime type:
You also need to make sure the JSON inside the file is of the correct format. You can test this using the Web Manifest Validator.
Inspecting your manifest¶
If your manifest is deployed successfully, you should end up with a display like the following on the Manifest view:
From here, you can inspect all the information in the manifest in an easy-to-digest way, making sure that it is all correct. It provides a link to the manifest file at the top which when clicked on brings up the JSON in a new tab.
It also loads all the icon files into the view, so you can see the relative size of them all, and any other information associated with them.