Questions tagged [web-manifest]
27 questions
102
votes
6 answers
How Can I have IIS properly serve .webmanifest files on my web site?
The Favicon Generator assembles a package for webmasters to use in order to have icons available for many different devices. The page comes with a file called site.manifest which is linked to via the following tag in the web page's document…

Dave L
- 3,095
- 3
- 16
- 25
9
votes
1 answer
Web app manifest orientation property: What is the difference between its properties?
What is the difference between "any" and "natural" ?
What is the difference between "landscape", "landscape-primary" and "landscape-secondary" ?
What is the difference between "portrait", "portrait-primary" and "portrait-secondary" ?

Mohamed Waleed
- 255
- 2
- 8
5
votes
2 answers
The simplest service worker for a Web App Manifest
I must confess that I have no idea what a service worker is (TL;DR), but after reading around in the internet and SO, it seems that to have a Web App Manifest properly working, you need one.
Do I really need this extra script (service worker) to…

João Pimentel Ferreira
- 14,289
- 10
- 80
- 109
5
votes
0 answers
Generating manifest file by firebase get value null to property `splash_pages`
What value should take splash_pages property in manifest.json?
by default it's null
I have used firebase manifest generator and this property get null value,
I want to know what value should it take?
and is it supported by all browsers or just…

mushti
- 94
- 6
5
votes
1 answer
progressive web app site cannot be installed: no icon available to display
I'm building a progressive web app. I started off with boilerplate from create-react-app. Then I added a web app manifest.
app/public/manifest.json
{
"short_name": "First Contributions",
"name": "First Contributions",
"icons": [
…

sudo bangbang
- 27,127
- 11
- 75
- 77
2
votes
1 answer
Fullscreen "home screen" web app on Android phone has 48px overflow in Chrome; how to fix?
I'm working on a fullscreen web app (PWA) for an Android phone using Chrome. I've added a webmanifest file with the display property set to fullscreen. However, when I open the app from the home screen, there's a persistent 48px overflow, even on an…

TomKorec
- 206
- 2
- 6
1
vote
1 answer
Is it possible to use relative paths for scope, start_url and id in webmanifest.json?
Let's say we have a web application which is available through different environments:
nightly.my-app.com
test.my-app.com
my-app.com
Using webmanifest.json we want to identify each version of our app, but we don't want to create a different…

lampshade
- 2,470
- 3
- 36
- 74
1
vote
0 answers
Wordpress 404 redirects from /site.webmanifest
I had a client ask this question and have no idea how to answer or if it's indeed a concern. They went into Tools/Redirection/404s from the wp-admin bar and found that multiple times a minute there are redirect requests from /site.webmanifest. The…

kdsprogrammer
- 136
- 1
- 13
1
vote
1 answer
web manifest: Line: 1, column: 1, Syntax error
I have react + webpack app
My manifest.webmanifest
{
"name": "x",
"short_name": "x",
"start_url": "./index.html",
"display": "fullscreen",
"background_color": "white",
"theme_color": "white",
"icons": [
{
"src":…

evgeniya.osmakova
- 301
- 4
- 14
1
vote
0 answers
PWA acting as share target opens a new instance unwillingly
I have an app that allows you to input some login information, opens a websocket to communicate with a backend. This login information is not stored (not by default anyway). This app is a one page application. (AngularJS but this should not…

JerMah
- 693
- 5
- 17
1
vote
2 answers
Adaptive icons on Android 9 with Web App Manifest
I'm setting up an Web App Manifest for my PWA. But the icons for Android get squeezed in a round icon.
I tried normal icon, without background and one considering the safe-zone.
Images of icons installed on my Android
Sadly I don't find any…

Torsten Dittmann
- 25
- 6
1
vote
1 answer
Favicon error 404 for local and remote, favicon.ico directory automatically generated in git repo
In both Firefox and Chrome, the browser will not recognize my favicons, throwing 404 errors in the Network panel for all favicon files on both localhost and remote sites.
All of my favicons are located in /favicon. When I navigate to both…

WhooNo
- 911
- 2
- 12
- 28
1
vote
2 answers
WebAPK ignores display:standalone flag for PWA running on local network
I am developing a PWA for which I want to have "add to home screen" (a2hs) functionality in standalone display mode.
During development, my PWA is running on a server which is accessible from within my local network only (not from outer…

Fatih Coşkun
- 243
- 2
- 8
0
votes
0 answers
How to instruct Vite to ignore (not bundle) the manifest I've already linked in index.html?
Could somebody tell me how I can instruct Vite to ignore the manifest I've already linked in index.html?
Vite is bundling my manifest and changing that line to
href="./assets/app-[hash].webmanifest"
I've tried everything, no way to set Vite for…

Deisbel R Diaz
- 61
- 3
0
votes
1 answer
Why is my theme color not changing when I updated my manifest.json / site.webmanifest?
I have a PWA and it used to have a garish theme color but then I set it to something more muted in manifest.json... but it's still showing up garish!
I've searched my whole codebase for the offending color (#9600ff) and haven't found it anywhere. I…

MalcolmOcean
- 2,807
- 2
- 29
- 38