Migliorare la pwa, icona grafica si vede troppo piccola 
Autore: Domenico B.
Visite 547,
Followers 2,
Condiviso 0
Migliorare la PWA, icona grafica si vede troppo piccola quando si installa sul cell.
Postato il
io aggiungerei anche la possibilità, ogni volta che si va sul sito con l'installazione della pwa, di visualizzare sempre il messaggio di installazione, con la possibiltà di flaggare "non visualizzare più questo messaggio", in quanto ho notato che se non riesci ad installare la prima volta la pwa, poi non si ha più la possibilità di installarla.
P.S. - Qualcuno ha testato l'installazione su iphone? a me non funziona su iphone16, mentre su android funziona.
Grazie
Autore
Skeggia la si puo istallare anche dal menu del broweser.
Va migliorata sicuramente
questa mi sfugge... a me su iphone non compare proprio il pulsante "installa"...
Buongiorno, ma scusate ma non è la stessa ed identica cosa di "aggiungi a schermata home"?
Buongiorno Domenico,
in base alla dimensione della favicon che utilizzi, e anche in base al dispositivo (alcuni smartphone provvedono a un ridimensionamento automatico), l'icona potrebbe presentarsi di dimensioni ridotte, di che risoluzione è l'icona del sito?
E' suggeribile una dimensione di 512x512
Buongiorno Skeggia,
nel caso degli iPhone il banner si presenta in modo diverso, con la dicitura che avvisa di premere il pulsante di condivisione e scegliere "Aggiungi al tuo schermo", nel tuo caso non risulta visibile alcun banner?
Potresti verificare se è così anche dopo aver effettuato una pulizia del browser? Grazie.
"Aggiungi alla schermata home" è un semplice collegamento.
La PWA invece consente l'installazione del sito sul dispositivo come se fosse un'app.
Piuttosto c'è da chiedersi se "troppi" banner/popups possano disturbare l'utente durante il primo collegamento al sito. Ci sono il banner cookies/privacy, l'eventuale messaggio pubblicitario e poi quello sulla PWA.
Sicuramente possono essere chiusi, ma in ogni caso ostacolano la fruizione immediata del sito.
La PWA è una feature senza dubbio potenzialmente utile e si può scegliere se implementarla o meno, ma dopo un'adeguata valutazione.
buongiorno eric,
il banner si presenta, avevo intuito che fosse diverso perchè su android tutto funziona, ma non riesco a cliccare sul pulsante condivisione, non è cliccabile... puoi provare qui se vuoi, in un progetto di prova...
https://skeggia12.altervista.org/index.php
Buongiorno Skeggia,
ho effettuato una prova con Safari con un dispositivo con iOS 12.6 e con uno più recente aggiornato alla versione 18.5, senza riscontrare problemi nella procedura di installazione.
Che browser stai utilizzando?
firefox... provato anche con chrome... ora installo opera e provo di nuovo...
P.S. - Niente anche con Opera...
Su Safari ti risulta funzionante, o anche lì hai lo stesso comportamento?
su nessun browser eric...
Quale dispositivo utilizzi, e con quale versione di iOS?
Se visiti questo sito di test con la funzione PWA abilitata riscontri la medesima situazione?
https://eric-c.websitex5.me/progetti/esse-pwa/
Grazie.
si eric, ho provato sul tuo progetto e mi fa lo stesso problema. Su iphone 16 ho IOS 18.x, ora sto aggiornando a 18.5 e riprovo. Ho anche provato con un iphone 12pro con IOS non aggiornato all'attuale, e stesso risultato.
P.S. - Anche con IOS 18.5 stesso problema...
Buongiorno,
se verifichi su siti non generati con WebSite X5 il pulsante di condivisione risulta invece funzionante?
Per conferma, quello da utilizzare non è quello visibile nel banner, ma quello direttamente visibile nell'interfaccia del browser, nel caso di Safari appare al centro nella barra in basso, in altri browser appare in fondo alla barra dell'indirizzo.
Grazie.
Ho provato con con Chrome e non fuziona con Edge e funziona con Chrome ed altri nulla da fare, nella versione mobile sia apple che android nulla da fare compare la popup ma il bottone installa non funziona.
A questo punto metterla come nuova funzionalità mi sembra un po eccessivo visto che non funziona mio modesto pensiero!!!
Buongiorno Paolo,
mi dispiace per l'anomalia, verificherò il tuo sito indicato nel post che hai aperto per vedere se mi è possibile riprodurre la situazione.
Eric a me appare cosi da smartphone il banner dell'installazione... il solito problema degli oggetti al di fuori dei limiti di header e footer che attanaglia il vostro software da secoli (scritta login in header che fuoriesce)
É un vostro template... il problema attanaglia anche voi...
buongiorno
su Firefox su iphone, per installarla, non comparendo il pulsante "installa", bisogna andare nel menu e scegliere "aggiungi a schermata home"... e funziona.
Skeggia, ciao... Non ho capito una cosa: ma poi la installa scegliendo "Aggiungi a schermata Home" o funziona come una semplice icona aggiunta alla schermata home, operazione che si fa per raggiungere velocemente un sito? "Aggiungi a Schermata Home" è una funzione che è di default anche sui dispositivi Android ma non installa nulla. Grazie in anticipo per le info.
Ciao
Buongiorno Giuseppe,
grazie della segnalazione, stiamo provvedendo a correggere il template in questione, in cui l'oggetto Testo con quella scritta dovrebbe risultare nascosto nel breakpoint smartphone.
Ciao Giuseppe:
si, aggiunge la pwa nella lista di applicazioni del cell come opzione di raggiungimento veloce di un sito (io ho iphone 16 quindi IOS non Android). Su Android ho provato e funziona più semplicemente, cliccando sul pulsante "Installa" rispetto a IOS, installando subito l'icona per raggiungere il sito... se ho capito la tua domanda...
Quoto
Skeggia, quindi la installa regolarmente come web app anche su iPhone. Non é un semplice collegamento al sito ma parte una vera e propria installazione. Corretto?
Un'altra domanda: ho capito male io o la PWA é navigabile anche se non si ha connessione internet? Io ne ho installata una sul mio cellulare presa da un sito postato qui sul forum da un utente ma se disattivo la connessione wi-fi e i dati del cellulare, la web app mi risulta non visionabile e non navigabile con l'apparizione di un messaggio che mi avverte che sono offline...
Se non é navigabile offline non capisco a questo punto la differenza tra la PWA e la sermplice aggiunta di un collegamento ad un sito sulla schermata del cellulare.
Buongiorno Giuseppe,
confermo che la PWA è consultabile solo con una rete disponibile.
Grazie del chiarimento Eric, avevo letto in rete che era possibile, in generale, consultare le web app offline...
A questo punto però davvero non vedo differenze tra "Aggiungi a schermata Home" che è di default sui Cellulari e installare la Web App che, tra l'altro, mi occupa spazio, seppur minimo, sul mio dispositivo.
Ciao e buon lavoro
Eric una domanda più diretta così mi chiarisco le idee una volta per tutte e le chiarisco a due mie clienti che si sono fissati con la PWA:
ma quindi qual è la differenza e, sopratutto, il vantaggio tra installare la PWA e aggiungere un sito alla schermata home con le funzioni di default dello smartphone?
Sarò limitato mentalmente o forse non ho approfondito a dovere e ho consultato fonti poco chiare, non saprei, ma io non ce la vedo proprio questa differenza e non riesco a spiegarla ai miei due clienti...
Grazie
ho chiesto anch'io, spero in una bella informativa in merito, se questo NON avvenisse, il fatto di non rilasciare delucidazione denota probabilmente che è solo un collegamento punto.
Buongiorno,
la differenza principale è che il sito viene così aperto senza i controlli del browser (come la barra di ricerca/indirizzo o altri pulsanti).
E' inoltre presente uno splash screen che appare durante il caricamento del sito, e la barra di sistema visibile in alto prende il colore selezionato nelle impostazioni.
Ok Eric.
Fondamentalmente niente di trascendentale.
Ciao
Già, tanto rumore per (non dico nulla ma) poco.