Sto cercando di implementare un banner "aggiungi a homescreen" utilizzando il supporto nativo per banner di Google Chrome, con questa demo come riferimento.Chrome per Android - aggiungi web app alla schermata iniziale
https://googlechrome.github.io/samples/app-install-banner/basic-banner/index.html
Secondo le specifiche lì, i requisiti sono:
- la pagina utilizza un operaio di servizio (sì, vedi sotto)
- il sito utilizza HTTPS (sì, il sito ha un certificato SSL valido e sto caricando su HTTPS chrome mostra il sito come sicuro e ha un lucchetto verde, nessun errore o avviso nel certificato)
- l'app ha un manifest dichiarato (sì, vedi sotto)
- il manifesto ha uno short_name, 144 icona di pixel e un tipo di 'image/png' (sì, vedi sotto)
Il manifesto che sto usando è al di sotto.
{
"name": "Web app test",
"short_name": "Test",
"icons": [
{
"src": "/resources/launcher-icon-3x.png",
"sizes": "144x144",
"type": "image/png"
}
],
"display": "standalone"
}
Che contiene un'icona short_name e 144 pixel di tipo image/png.
Il lavoratore servizio che sto usando è una copia diretta & incolla di questo codice:
che è stato consigliato in questo articolo:
Il lavoratore servizio è stato registrato, il manifest viene caricato nella pagina e l'URL dell'immagine è corretto, ma il banner non viene mostrato.
Ho anche il chrome: // flags/# bypass-app-banner-engagement-checks abilitato quindi non è il caso che io debba tornare domani e controllare che funzioni. Sono stato in grado di visualizzare i banner di homescreen su tutte le demo di Chrome che ho controllato (da dove ho preso la maggior parte del codice) e il mio telefono ha l'ultima versione di Chrome installata.
C'è qualcos'altro che mi manca che potrebbe impedire l'apparizione del banner homescreen?
Grazie.
Non so, ma un paio di possibilità: 1) provare a definire una proprietà "start_url" nel manifest, come nelle demo, 2) non ero chiaro - hai collegato il manifest dal file html? 3) È possibile che l'app sia già installata? Inoltre, credo che in realtà tu possa semplicemente usare un file vuoto di servizio se vuoi semplificare ulteriormente. –
Sto riscontrando problemi simili e non ho trovato la risposta. Tutto è lì ma il banner dell'app non viene mostrato. Hai trovato una soluzione? – mapr