I am currently working on an Angular PWA, but for some reason the
display="standalone" setting doesn't seem to be working for Chrome on
Android. My settings are the following:
*index.html*
<!-- Manifest /PWA --><link rel="manifest" href="manifest.json"><meta
name="msapplication-config" content="/assets/browserconfig.xml"><link
rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" sizes="180x180"
href="/assets/apple-touch-icon.png"><link rel="icon" type="image/png"
sizes="32x32" href="/assets/favicon-32x32.png"><link rel="icon"
type="image/png" sizes="16x16" href="/assets/favicon-16x16.png"><link
rel="mask-icon" href="/assets/safari-pinned-tab.svg" color="#003865">
<meta name="apple-mobile-web-app-title" content=""><meta
name="application-name" content=""><meta name="msapplication-TileColor"
content="#003865"><meta name="theme-color" content="#003865">
*manifest.json*
{
"name": "",
"short_name": "",
"description": "",
"icons": [ {
"src": "/assets/android-chrome-144x144.png",
"sizes": "144x144",
"type": "image/png"
}, {
"src": "/assets/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
}, {
"src": "/assets/android-chrome-384x384.png",
"sizes": "384x384",
"type": "image/png"
}, {
"src": "/assets/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"start_url": "/index.html",
"display": "standalone",
"background_color": "#003865",
"theme_color": "#003865"
}
I just can't seem to find out why this is since everything does work as
expected in Safari and Samsung Internet. Is there somebody who can help me
figure out what the problem is? I already used the LightHouse tool in
Chrome and it returned a 100% score for the PWA, so I imagine that can't be
the problem.
Cheers!
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to angular+unsubscr...@googlegroups.com.
To post to this group, send email to angular@googlegroups.com.
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
