Blog

Progressive Web App: compatibilità funzionalità a seconda del browser utilizzato

Marketing Manager

  Aggiornato il   4 min di lettura

Uno dei punti di forza delle Progressive Web App è il loro essere adaptive, ovvero la loro capacità di fornire la migliore user experience possibile, qualunque sia il dispositivo (e il tipo di schermo) utilizzato per consultarle o il browser da cui vi si accede. A tal proposito è interessante conoscere le capacità di ogni browser di navigazione e la loro compatibilità con le funzionalità delle PWA.
Qui puoi trovare una lista dei principali browser sul mercato e le relative funzionalità compatibili. La scheda qui in basso è una sorta di 'recap': seleziona il browser di navigazione che ti interessa per saperne di più, anche per ciò che riguarda il tipo di schermo e di sistema operativo utilizzato.

1/ User experience avanzata e funzionalità offline

Compatibilità dei browser con il Service Worker
Compatibilità dei browser con il Service Worker
Il vantaggio numero 1 delle Progressive Web App, in comparazione con le vecchie web app, è senza ombra di dubbio la user experience che sono in grado di offrire.

Non è la prima volta che ne parliamo sul nostro blog, l'utilizzo dei Service Worker permette ai programmatori di PWA di integrare numerose funzionalità avanzate. Il Service Worker si installa nel browser di navigazione durante il primo utilizzo della Progressive Web App, svolgendo in seguito tutti i suoi compiti che gli vengono assegnati in modo indipendente.

Qui di seguito la lista dei browser di navigazione che supportano l'installazione di un service worker:
Come abbiamo già avuto modo di spiegare, il Service Worker permette la realizzazione di funzionalità avanzate, come la sincronizzazione in background, consentendo all'utente di visualizzare i dati aggiornati direttamente al suo arrivo sulla pagina (grazie al regolare aggiornamento effettuato in background). La sincronizzazione permette un'esperienza utente estremamente fluida, velocizzando nettamente le prestazioni dell'app.
Compatibilità dei browser con il funzionamento offline
Compatibilità dei browser con il funzionamento offline
L'accessibilità offline dipende anche dal Service Worker, che una volta installato nel browser di navigazione, gestisce la memorizzazione dei file delle app nella cache, intercetta le richieste di rete ed esegue le azioni appropriate a seconda che la rete sia disponibile o meno. Questa funzionalità consente di consultare l'app senza connessione e migliorare la user experience. Anche in presenza di connessione, alcuni file non dovranno essere caricati dal server web visto che sono già stati memorizzati localmente.

2/ Notifiche push per il web

Compatibilità dei browser con le notifiche push
Compatibilità dei browser con le notifiche push
Questa funzionalità è possibile (anche in questo caso) grazie alla capacità dei Service Worker di lavorare in background. Per far si che questo accada, due elementi complementari lavorano insieme: il Push API e il Notification API.
  • Il Push API viene utilizzato per segnalare al Service Worker la presenza di una notifica;
  • Il Notification API viene utilizzato per attivare la visualizzazione della notifica sul browser.
La scheda in basso mostra la compatibilità dei vari browser di navigazione con questo sistema di gestione e ricezione delle notifiche push. Tutti, eccetto Safari, si appoggiano al Service Worker per ottenere tale risultato. Safari utilizza infatti un sistema un sistema proprio di Apple chiamato APNs, che permette di ricevere notifiche push su OS X, ma non su iOS.

3/ Schermata iniziale & splash screen

Compatibilità dei browser con Homescreen e Splashscreen
Compatibilità dei browser con Homescreen e Splashscreen
Un'altra particolarità delle PWA è che, anche se vi si accede via browser, queste possono essere installate direttamente nella schermata iniziale dell'utente, offrendo così a quest'ultimo un'esperienza di utilizzo di alto livello.

Questo è possibile grazie al Manifest JSON che è basicamente un file descrittivo che permette agli sviluppatori di tenere sotto controllo il modo in cui la Progressive Web App si comporta.
Il Manifest JSON consente dunque di salvare l'app sulla home screen direttamente dal browser. L'applicazione avrà in questo modo un proprio nome ed icona.
Il Manifest consente inoltre di visualizzare uno splashscreen che l'utente vedrà all'apertura dell'applicazione, o mentre i dati vengono scaricati o recuperati dalla cache.

4/Geolocalizzazione

Compatibilità dei browser con la geolocalizzazione
Compatibilità dei browser con la geolocalizzazione
Le informazioni relative alla geolocalizzazione dell'utente dell'app possono essere recuperate grazie all'utilizzo dell'API Geolocation che permette, sempre con il consenso dell'utente, di recuperare la posizione geografica.
L'API Geolocation funziona solamente su app in HTTPS, permettendo di ottenere preziose informazioni in totale sicurezza. Grazie a tutto questo è possibile realizzare delle strategie di fidelizzazione fino ad oggi non possibili su web.

5/ Cattura immagini e video

Compatibilità dei browser con la cattura di immagini e video
Compatibilità dei browser con la cattura di immagini e video
Fino a poco tempo fa, l'unico modo per manipolare immagini e video su apparecchi mobili era tramite un elemento HTML standard che permetteva di lanciare delle app 'fornitrici di immagini', come la fotocamera. Non c'era altro modo se non quello di uscire dalla web app. Adesso l'API Media Capture permette alle web app di avere accesso diretto al flusso audio e video del dispositivo (come la fotocamera e il microfono). Questi flussi possono essere letti e manipolati dalla web app: è possibile dunque scattare una foto e registrare un video, senza uscire dal browser di navigazione.

6/ Bluetooth

Compatibilità dei browser con l'utilizzo del bluetooth
Compatibilità dei browser con l'utilizzo del bluetooth
Le Progressive Web App hanno anche la possibilità di comunicare con dispositivi Bluetooth in modo sicuro. Fino ad oggi prerogativa esclusiva delle app native, l'uso del bluetooth nel web è stato reso possibile dall'Api Web Bluetooth.

Questa API consente la comunicazione tra un'applicazione web e un dispositivo bluetooth: l'app chiede al browser di navigazione di far visualizzare la lista dei dispositivi bluetooth presenti nelle vicinanze; l'utente sceglie un dispositivo e chiude la finestra di dialogo. Per far si che non ci sia alcun rischio di sicurezza, l'applicazione deve essere assolutamente in HTTPS per poter fare uso dell'API Web Bluetooth.

Qui puoi trovare la lista dei browser di navigazione compatibili con l'utilizzo di questa API:

Continua a leggere

  4 min di lettura

Le tue live e i tuoi video Twitch, ora nella tua app

In breve. Twitch è un'estensione di GoodBarber, l'app builder no-code, che aggiunge un canale Twitch come fonte di una sezione video. Quando il canale è in diretta, la live occupa la cima della sezione; per il resto del tempo, la sezione elenca i video del canale. La colleghi una volta sola, con un Client ID e un Client Secret della console per sviluppatori di Twitch. È gratuita per le app Content: ogni sezione conta come una delle estensioni incluse nel tuo piano.Il pubblico è su Twitch. A settembre 2026 gli spettatori vi hanno guardato 1,51 miliardi di ore di live, con in media 2,1 milioni di persone davanti a uno stream in ogni momento, secondo TwitchTracker. Ecco come funziona l'estensione per una creator che va in diretta ogni martedì alle 20.

  4 min di lettura

Trasforma i tuoi documenti in risposte con GoodBarber Chatbot

In un’app, pubblicare un documento utile è solo una parte del lavoro. Le persone devono anche trovare l’informazione giusta quando stanno per agire. Un file con un nome chiaro aiuta chi consulta una raccolta di documenti, ma il lettore può avere una domanda più immediata.La comunicazione aziendale è soltanto una delle applicazioni possibili. Lo stesso approccio può servire per risorse didattiche, guide per i membri di un’organizzazione, riferimenti tecnici o altri documenti utili condivisi in un’app. Nel nostro esempio, un collega sta organizzando una trasferta presso un cliente e vuole sapere:Quali spese di viaggio richiedono un’approvazione preventiva?Abbiamo aggiunto i documenti alle fonti di GoodBarber Chatbot perché i file che già mantieni aggiornati possano alimentare queste conversazioni. Tu scegli i documenti. Gli utenti fanno domande con le proprie parole. L’assistente cerca i passaggi pertinenti e li usa per formulare una risposta.La domanda diventa un punto di accesso al regolamento. Il dipendente può partire dalla decisione che deve prendere, anche senza conoscere il titolo del documento che la spiega.