I 10+ migliori browser che supportano le app Web progressive (aggiornato al 2022)

Pubblicato: 2022-06-28

Una delle caratteristiche più importanti delle Progressive Web App è che sono adattive, il che significa che offrono sempre la migliore esperienza possibile per quanto riguarda le dimensioni dello schermo e le capacità del browser. Tuttavia, conoscere le capacità e la compatibilità di ciascun browser con le funzionalità di Progressive Web App (PWA) è comunque vantaggioso. Di seguito è riportato un elenco dei browser più popolari supportati da PWA e della loro compatibilità. È tutto riassunto nella tabella seguente. Scegli un browser che ti piace ed esamina la sua compatibilità con varie funzioni, considerando il tipo di schermo e il sistema operativo.

Contenuti

Browser supportati da PWA

I principali fornitori di browser Web hanno aggiunto miglioramenti delle funzionalità nelle versioni successive per supportare le PWA, a causa della recente popolarità di queste applicazioni. I browser e le versioni elencati di seguito sono compatibili.

Browser desktop (supporto completo): Chrome, Firefox, Opera, Edge, Safari
Browser desktop (supporto parziale/versione obsoleta): browser QQ, browser Baidu
Browser mobile (supporto completo): Chrome, Firefox, Safari, UC Browser, Samsung Internet, Mint Browser, Wechat
Browser mobile (supporto parziale/versione obsoleta): browser QQ, browser Android, Opera Mobile

Supporto del browser PWA	Panoramica
Cromo	Chrome potrebbe essere il browser più popolare (tranne sui dispositivi Apple), ma non è il migliore in ogni modo o con la maggior parte delle funzionalità. Ci sono funzionalità che non sono disponibili su Chrome, ma le hanno invece altri browser come Firefox, Opera o Safari. Questo non significa che Chrome non sia un buon programma, ma dovresti sapere che ci sono opzioni migliori. Per i dispositivi mobili: in Chrome, nella barra degli indirizzi viene visualizzato un pulsante per i siti che supportano le PWA, proprio come in Edge. Per i dispositivi desktop: in Chrome, vedrai un'opzione Installa app nel menu principale di Chrome per i siti che supportano completamente la funzionalità PWA. L'icona dell'app viene visualizzata sulla schermata iniziale dopo aver selezionato tale opzione. (Nota che per le aree che non dispongono di funzionalità PWA, puoi scegliere Aggiungi alla schermata iniziale.) Le opzioni di pressione prolungata includono ancora Disinstalla, ma sotto c'è Impostazioni sito, che non è disponibile per le app installate nello store.
Firefox	Firefox, un progetto open source, ha aperto la strada a diverse funzionalità web e l'azienda dietro di esso è stata un'intensa sostenitrice della privacy online. È anche famoso per un gran numero di estensioni disponibili. Sebbene Firefox supporti diverse API PWA, non può installarle come app di sistema autonoma con un'esperienza simile a un'app. La versione Android di Firefox supporta PWA, mentre la versione desktop no. D'altra parte, Mozilla ha tentato di fornire supporto tramite un browser specifico per il sito. Nei dispositivi Android: in Firefox è disponibile una semplice opzione di installazione per i siti PWA. La finestra di dialogo Aggiungi allo schermo viene visualizzata dopo aver toccato questa opzione. Un piccolo emblema arancione di Firefox appare in basso a destra del logo dell'app principale sulle icone della schermata iniziale per le PWA create da Firefox. Per un'esperienza di app più reale, a differenza di quelle prodotte in Chrome, non vedrai l'opzione Impostazioni sito.
Safari	Per i dispositivi desktop: l'installazione di PWA su macOS è la stessa di Windows, tranne per il fatto che Safari predefinito non ha un modo per trasformare un sito in una PWA. In Launchpad, il tuo nuovo programma è visibile ma non nella cartella Trova applicazioni. Per dispositivi mobili: in iOS e iPadOS, Apple consente solo a Safari di generare PWA; sono esclusi i browser di terze parti. A differenza di altri browser che abilitano le PWA, Safari non utilizza i termini installazione e app. Per aggiungerne uno alla schermata iniziale del tuo iOS o iPad, vai su un sito compatibile con PWA, tocca la freccia su Condividi nella parte inferiore della pagina e seleziona Aggiungi alla schermata principale. Puoi farlo con qualsiasi sito Web, ma non otterrai le funzionalità offline fornite da un'autentica PWA.
Bordo	L'installazione di PWA sul sistema operativo desktop di Microsoft è più accessibile con Edge, il browser Web Windows predefinito. Questo perché aggiunge l'app al menu Start allo stesso modo di qualsiasi altra app che hai installato con il metodo tradizionale (con un programma di installazione scaricato o dall'app di Microsoft Store).
musica lirica	Opera è stato rilasciato nel 1995, rendendolo uno dei browser Web più antichi. La base di utenti dedicati di Opera è cresciuta grazie alla sua capacità di integrare un'ampia gamma di funzionalità che altrimenti sarebbero limitate a estensioni e app indipendenti. Opera 32 per Android è ora disponibile con PWA – Compatibilità Aggiungi alla schermata iniziale. Scoprirai diverse funzionalità che hanno lo scopo specifico di colmare il divario tra le app native e il "Web mobile" insieme a una serie di correzioni di bug, miglioramenti della stabilità e un motore Chromium aggiornato per una compatibilità e una sicurezza ottimali (o, almeno, il web visualizzato su dispositivi mobili).
Browser QQ	Tencent Explorer era il nome di QQ Browser quando è stato inizialmente rilasciato nel 2000. Il fatto che utilizzi due motori, WebKit e Trident, distingue questo browser. In passato supportava PWA, ma non così per la nuova versione.
Browser Baidu	Baidu Browser è un browser Web gratuito per Windows e Android in grado di inviare dati utente personali ai server Baidu senza crittografia o crittografia facilmente decifrabile. È anche il browser più leggero sulle risorse per dispositivi Android di fascia bassa ed è vulnerabile all'esecuzione di codice arbitrario durante gli aggiornamenti software tramite attacchi man-in-the-middle.
Browser UC	UC Browser è un browser web multipiattaforma progettato principalmente per dispositivi mobili. È noto per le sue dimensioni minime dell'app e le tecnologie di compressione dei dati, che lo hanno reso popolare nei mercati emergenti in cui gli utenti hanno telefoni con meno memoria del dispositivo e velocità Internet più lenta. Tra le altre funzionalità del browser figurano l'accelerazione del cloud, il download di più formati di file, l'app Web HTML5 e le funzionalità di sincronizzazione del cloud e il "download rapido", una funzionalità che scarica i file in molte parti contemporaneamente.
Internet Samsung	Questo è il browser predefinito e preinstallato su ogni cellulare Samsung. È basato sul progetto Chromium, che esegue Chrome e Microsoft Edge. Gli smartphone Samsung offrono un'alternativa all'esperienza Android standard. Se visiti un sito PWA, il tuo browser visualizzerà un badge. Se utilizzi frequentemente Fogli Google o qualsiasi altra app Web, il browser ti fornirà l'esperienza più eccezionale con l'app Web.
Browser di menta	Uno dei browser Web più significativi per telefoni Android è Mint Browser. Ottieni velocità vertiginosa, privacy e sicurezza in un'unica scatola compatta. Quando apprezzi l'esperienza utente rispetto alla tecnologia di fascia alta, l'app da 10 MB è un vero toccasana. Mint Browser ha diversi meccanismi di sicurezza per garantire una navigazione sicura e fornire a tutti gli utenti servizi e beni di sicurezza di livello mondiale. Per rafforzare ulteriormente il controllo che gli utenti hanno sulla condivisione dei propri dati con Xiaomi, l'attuale aggiornamento offre a tutti gli utenti un'opzione per attivare/disattivare la raccolta di dati aggregati in modalità di navigazione in incognito.
WeChat	Con una base di utenti mensili di oltre 1 miliardo di persone, WeChat è il programma di messaggistica più popolare della Cina. Mentre è iniziato come un servizio di chat, si è evoluto in un'app che ti consente di effettuare pagamenti, fermare un taxi e persino prenotare voli. Tuttavia, è improbabile che tu l'abbia usato se non risiedi in Cina.

Browser PWA non supportati

Esistono anche browser specifici che non supportano attivamente gli elementi personalizzati richiesti per Angular 6 o PWA.

Microsoft Edge sta attualmente costringendo le PWA a essere disponibili nel loro app store per essere supportate su questo browser.

Su desktop, Safari e Firefox non supportano l'installazione di PWA. Supportano le funzionalità offline, ma l'esperienza inizierà sempre all'interno dell'interfaccia utente del browser. Potrebbe essere a schermo intero, ma mai una finestra autonoma su un desktop.

Funzionalità principali di PWA per supportare l'esperienza degli utenti

Sincronizzazione in background

Questa funzione aggiorna regolarmente i dati dal sito web. Gli utenti avranno sempre accesso alle informazioni più aggiornate.

Notifica push web

La capacità degli operatori di servizio di eseguire in background consente questa capacità. Gli utenti possono accedere al sito Web toccando il promemoria nella schermata iniziale.

Modalità offline

Una volta installato nel browser, l'accessibilità offline gestisce la memorizzazione nella cache dei file dell'app, intercetta le richieste di rete e quindi intraprende le azioni appropriate in base alla disponibilità o meno della rete.

Questa funzione consente di accedere all'app senza una connessione e offre una migliore esperienza utente. Anche quando è disponibile una connessione Internet, non sarà necessario caricare file specifici dal server Web perché saranno già salvati localmente.

Aggiungi alla schermata iniziale

Questa funzionalità PWA consente di installare il sito Web su dispositivi mobili. Genera un collegamento sullo schermo in modo che gli utenti possano raggiungere rapidamente il sito semplicemente toccando l'icona badge invece di digitare nuovamente il collegamento. Questa funzione è accessibile in tutti i browser.

Schermata iniziale/Schermata iniziale

Un'altra parte unica delle PWA è che, nonostante siano in esecuzione in un browser, possono essere inserite direttamente nella schermata iniziale dell'utente e fornire un'esperienza coinvolgente a schermo intero.

Ad eccezione di iOS, tutti i browser abilitano questa funzionalità, che aiuta a ridurre l'ansia durante l'attesa del caricamento di un sito Web.

Geolocalizzazione

L'API di geolocalizzazione può essere utilizzata per accedere alle informazioni sulla geolocalizzazione dell'utente dell'app, consentendo di trovare la sua posizione (con il consenso dell'utente). Ti consente inoltre di tenere d'occhio l'utente e ricevere notifiche quando la sua posizione cambia.

Acquisizione di video e immagini

Oggi, la "Media Capture API" offre alle app Web l'accesso diretto agli ingressi audio e video dai dispositivi (fotocamera e microfono). La Web App consente di leggere e gestire questi feed. Di conseguenza, puoi, ad esempio, catturare un'immagine o registrare un video senza uscire dal browser.

Conclusione

Quasi tutti i sistemi browser nel mondo supportano in qualche modo PWA. Sebbene la PWA su iOS non sia completamente supportata, il browser sta iniziando ad abbattere gli ostacoli e consentire l'esecuzione di alcune funzionalità PWA sui dispositivi Apple.

Ciò potrebbe suggerire che i browser di tutto il mondo stanno considerando le PWA come aventi lo stesso potenziale delle applicazioni native e stanno iniziando a fornire un supporto più incredibile per migliorare le esperienze degli utenti.

Se stai per creare un sito PWA per la tua azienda e stai cercando un'agenzia di sviluppo web PWA legittima, allora Tigren è la scelta migliore.

Abbiamo costruito progetti PWA di successo che soddisfano le esigenze di molte aziende. Il nostro team si impegna a fornire i migliori risultati per i clienti. Per maggiori informazioni, inviaci un messaggio a [email protected] .