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…
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…
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":…
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…
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…
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
1
2