Stack Overflow
Stack Overflow

Questions tagged [manifest.json]

The `manifest.json` file is a JSON -formatted file that give you the ability to control your application and is the only file that every WebExtension must contain.

Every extension has a JSON-formatted manifest file, named manifest.json, that provides important information like :

  • Version
  • Name
  • Description
  • Default locale
  • Icons
  • Developer
  • Type ...
555 questions
66
votes
2 answers

What is the main use of the site.webmanifest file?

I am using a HTML Boilerplate and I see a file called site.webmanifest. I have searched information on the Internet and I don't understand the use of it. Is it a mandatory file in the development of web pages? When and why it is used? How do I know…
JusitoFelix
  • 770
  • 1
  • 5
  • 6
43
votes
6 answers

How do I set the start_url of a manifest.json to be the root of the site?

I have a manifest.json and it has a start_url property that I want to point to the first file of my single page application. This is index.html, and it's the root of the site. I want this to be the start_url, but that file is never asked for as a…
Keith
  • 150,284
  • 78
  • 298
  • 434
33
votes
13 answers

Can't get rid of missing manifest.json error

I'm building an ASP.NET Core app with ReactJs front-end in Visual Studio 2017. Recently, I started to notice the missing manifest.json error in the console -- see below. It doesn't seem to effect my app but I do want to get rid of this error. If I…
Sam
  • 26,817
  • 58
  • 206
  • 383
30
votes
10 answers

Manifest: Line: 1, column: 1, Syntax error on Chrome browser

I have a react app that built through npm run build. GET and POST request from the front-end to back-end gives status 200 but I am getting a weird error that may cause all the images from my files not appear on localhost. I have already tried to…
Kyle Ma
  • 439
  • 1
  • 4
  • 7
29
votes
4 answers

PWA "Manifest does not contain a suitable icon"

I'm building a progressive web app. Chrome says it has icon problems: "Manifest does not include a suitable icon" and "No supplied icon is at least 144px square". I have icons and they do work on my phone (so it's installable on android, at…
Robbie Wadley
  • 738
  • 1
  • 6
  • 10
27
votes
2 answers

SVG icon in PWA manifest.json - how to set it for all sizes?

Is there any way now to specify that an SVG icon in "manifest.json" for a PWA should be used for all possible sizes? (Chrome/chromium is my main target now. Firefox will hopefully follow.) "icons": [ { "src":…
Leo
  • 4,136
  • 6
  • 48
  • 72
24
votes
4 answers

Hide address bar in Progressive Web Applications

I'm developing a PWA with VueJS. I started testing my application in real devices (Add to home screen). My application is intended to be 100% height, as it displays a map as you can see: It seems that sometimes, transitions that appear from outside…
Jose Hermosilla Rodrigo
  • 3,513
  • 6
  • 22
  • 38
23
votes
3 answers

AWS Cloud9 doesn't allow static manifest.json but does allow css file

I am developing a PWA in AWS Cloud9, but it won't allow my manifest.json to be included/referenced in a link tag. It says "VFS Connection is not present" in dev tools as if it can't find the manifest because it is external to the app. I get a 499…
Ryan
  • 3,153
  • 2
  • 23
  • 35
15
votes
2 answers

Icons and manifest.json

What are the recommendation on how to deal with icons in manifest.json? I found this webpack plugin that generates icons. It generated 37 icons and the corresponding html tags.
Ced
  • 15,847
  • 14
  • 87
  • 146
13
votes
3 answers

How can I implement 'Add to homescreen button' in a React app?

I have a deployed app with a secure connection (https). I managed to add it to my android home screen using this feature in Google Chrome: The problem is that users aren't likely to do this if I don't add a button that does that in the app. After a…
AG_HIHI
  • 1,705
  • 5
  • 27
  • 69
13
votes
2 answers

Can I dynamically modify start_url in the manifest.json file?

Manifest., I want to modify the start_url of the json file after the page is loaded. This is because our app's start_url is different for each user. Because the parameters are different for each user, we need to load start_url dynamically I do not…
Blueming
  • 161
  • 1
  • 8
12
votes
2 answers

add to home screen not showing up PWA

I've created a Progressive Web App. It's simple, just an index.html, a folder "images" with favicon etc, a sw.js et a styles.css My code from manifest.json { "lang" : "en", "name" : "Test", "short_name" : "Test", "icons" : [ { "src":…
Cohchi
  • 543
  • 3
  • 9
  • 19
12
votes
2 answers

Manifest start_url is not cached by a Service Worker

I'm using Lighthouse to audit my webapp. I'm working through the failures, but I'm stuck on this one: Failures: Manifest start_url is not cached by a Service Worker. In my manifest.json I have "start_url": "index.html", In my worker.js I am…
user736893
11
votes
3 answers

Why am I getting "Failed to load extension. Invalid value for 'content_security_policy'"?

I am trying to create a chrome extension. My manifest file is { "name": "Alert-Beep", "action": {}, "manifest_version": 3, "version": "0.1", "description": "Beeps if alert() is called", "content_security_policy": "script-src…
DeLorean88
  • 547
  • 2
  • 5
  • 15
11
votes
1 answer

Ensure that there is a back button on a desktop (Windows 10) PWA

Mobile devices have a hardware back button, so this isn't an issue. However, on desktop (mainly Windows 10) PWA apps appear to sometimes have a back button in the top left corner. I want to either: Ensure this is always visible, or... Know that it…
Keith
  • 150,284
  • 78
  • 298
  • 434
1
2 3
…
36 37