PWA su iOS 15: miglioramenti? [iOS 15.4 aggiornato]

Apple afferma che iOS 15 offre un modo migliore per rimanere in contatto, concentrarsi, esplorare con il suo significativo elenco di nuove funzionalità. Tuttavia, c'è qualcosa che può semplificare la vita di uno sviluppatore di PWA? Esploreremo tutti i più grandi cambiamenti, le delusioni, insieme ad alcune notizie interessanti in questo articolo.

Tutti i miglioramenti per PWA

[iOS 15.4] Precarico di navigazione per Service Worker

iOS 15.4 implementa alcuni nuovi miglioramenti per Service Workers, incluso il precarico di navigazione e più supporto per i file generati da Service Worker.

In alcuni casi, l'avvio del lavoratore del servizio può aumentare il tempo di risposta della rete. Il precarico di navigazione richiede le richieste di rete durante il tempo di avvio del lavoratore del servizio, il che dovrebbe aiutare con le prestazioni PWA.

[iOS 15.4] Manifesto dell'app Web migliorato: icone e altro

Buone notizie! Dopo una lunga attesa, gli sviluppatori PWA possono finalmente implementare l'app Web su iOS 15.4 con un'icona appropriata. Se nel file dell'app Web non è stata definita alcuna icona Apple-touch , l'icona Manifesto dell'app Web verrà impostata per impostazione predefinita.

Tuttavia, il supporto non è ancora perfetto. Ci sono ancora alcuni bug minori che influiscono sull'esperienza sia per gli utenti che per gli sviluppatori come:

• La forma e il formato delle icone sono limitati solo ai PNG quadrati.
• Le icone vengono ridimensionate automaticamente se non corrispondono alle dimensioni predefinite di iOS (Ipad – 152 x 152 e 167 x 167, iPhone – 120×120 e 180 x 180)
• Le icone non vengono visualizzate quando apri il foglio di condivisione, ma alla fine vengono visualizzate quando scegli di Aggiungi alla schermata Home.
• Le icone trasparenti avranno uno sfondo nero o bianco.

Inoltre, nelle versioni precedenti, il manifesto dell'app Web viene recuperato solo quando gli utenti scelgono di " Aggiungi alla schermata iniziale ". Per iOS 15.4, il file viene ora analizzato e caricato quando la pagina viene già caricata. Di conseguenza, puoi applicare il colore del tema direttamente al caricamento della pagina, il che rende le PWA più affidabili.

[iOS15.4] Notifiche push Web

Quando scriviamo un articolo per PWA iOS 15 l'anno scorso, condividiamo alcune prove su come potrebbero arrivare le notifiche push web e indovina cosa succede, finalmente succede.

Proprio come le icone manifest dell'app Web, ci sono ancora alcuni inconvenienti legati al web push. Ad esempio, è disabilitato per impostazione predefinita, quindi le persone devono prima conoscerlo per usarlo. Inoltre, alcuni sviluppatori di PWA trovano impossibile utilizzare l'API Web Push per richiedere i permessi di notifica sebbene ci siano opzioni per esso.

Tuttavia, è una notizia degna di nota. Cosa c'è di meglio? Web Kit ha annunciato il supporto per Web Push in Safari 16 su macOS Ventura. Secondo le loro prese in giro, Web Push potrebbe essere disponibile su iOS e iPadOS nel 2023.

Colore del tema supportato

Mentre lo stato di supporto per il manifest dell'app Web è ancora "Supporto parziale", Safari 15 ha ora ufficialmente abilitato il colore del tema nei meta tag HTML e nel manifesto Web . Quindi ora puoi apportare modifiche ai colori nella barra di stato e nell'area di overscroll , che possono essere applicati anche per la barra delle schede e i colori di sfondo di overscroll nel layout della scheda compatta di Safari 15 su Ipad OS 15, Big Sur e MacOS Monterey .

Inoltre, utilizzando l'attributo media, puoi anche abilitare una modalità scuro/chiaro per la tua app Web progressiva su Safari 15.

 <meta name="theme-color" content="#ecd96f" media="(prefers-color-scheme: light)">
<meta name="theme-color" content="#0b3e05" media="(prefers-color-scheme: dark)">

WebGL (Libreria grafica Web) e API Web-Share migliorate

iOS 15 è testimone di un aggiornamento da WebGL 1 a WebGL2. WebGL 2 ha dimostrato di essere un miglioramento significativo che è molto più veloce, offre molte più texture rispetto a WebGL e molti altri vantaggi.

Inoltre, Safari 15 include il supporto per Web Share livello 2, che apre la strada agli sviluppatori per scambiare efficacemente file dal browser alle app con il dialogo di condivisione nativo. Attualmente supporta immagini, video, audio, file di testo e altro.

Questa modifica, ad esempio, consente agli utenti di condividere direttamente le immagini dalle pagine PWA alle loro app Twitter senza ulteriori passaggi per salvare le foto nella libreria e ricaricarle.

API di sessione multimediale migliore

L'API della sessione multimediale offre più dati e controlli di riproduzione, quindi porta l'esperienza multimediale a un livello superiore. Da iOS 15, gli utenti possono accedere alla scheda NOW PLAY dalla centrale di controllo , dalla schermata di blocco e dalla barra dei menu di MacOS Monterey e controllare alcune semplici opzioni di riproduzione. Inoltre, la nuova sessione multimediale offre l' esperienza SharePlay , che consente di guardare film e ascoltare musica con i tuoi amici tramite FaceTime. Questa può essere una buona notizia per le app podcast basate sul Web.

Supporto audio WebM per Safari, supporto WebM/VP9 per Ipad

WebM è una tecnologia di streaming video web esente da royalty open source. Dopo aver introdotto per la prima volta l'immagine WebM in iOS 14, Apple ora supporta i contenitori WebM del codec audio Opus in Safari 15. Inoltre, gli utenti possono ora eseguire lo streaming di video WebM/VP9 su IpadOS15.

Questo aggiornamento promette il pieno supporto per WebM nel prossimo futuro e possiamo aspettarci che il video WebM sarà presto disponibile su Safari mobile. Di conseguenza, i proprietari di PWA avranno più scelte per visualizzare i propri media video per offrire esperienze utente migliori.

Supporto per il modulo ES6 in Service Worker

ES6 segna il primo modulo integrato di JavaScript, fornisce una struttura solida con cui è facile lavorare, mantenere, aumentare e incapsulare i comportamenti. Con il nuovo modulo ES6 in arrivo in Service Worker, ora gli sviluppatori possono migliorare le prestazioni e abilitare l'accesso offline per iOS PWA in modo più organizzato. Di conseguenza, è facile scalare rapidamente, aumentare le funzionalità PWA per soddisfare le richieste del mercato quando necessario.

Multitasking più semplice per iPad

iOS 15 ha apportato alcuni miglioramenti per un'esperienza multitasking più intuitiva su iPad, pur mantenendo ciò che ha funzionato prima. Ad esempio, c'è una nuova scheda con tre piccoli punti che rappresenta il menu multitasking nella parte superiore del display che renderà l'app a schermo intero, schermo diviso o scorrerà. Inoltre, in SplitScreen viene introdotta una finestra centrata in bilico, in cui puoi aprire una finestra nella parte superiore delle app a schermo diviso, quindi inviarla a Slider Over, Split View o Full Screen.

Inoltre, meritano una breve menzione una nuova scorciatoia da tastiera e una nuova interfaccia utente multitasking che visualizza tutte le app (comprese quelle in Slide Over).

Finora dalle recensioni, sembra che il nuovo aggiornamento su Ipad multitasking per Web e PWA abbia ricevuto feedback positivi per essere molto più user-friendly rispetto a iOS 14.

Nuova clip dell'app: un altro aggiornamento notevole

Abbiamo menzionato l'App Clip nel nostro PWA iOS 14 Wrapping Up come qualcosa da aspettarsi per PWA installabili simili ad Android. Allora com'è adesso?

App Clip ora può essere integrato con i siti Web, di conseguenza, visualizzati in Safari. La carta consente agli utenti di completare le loro attività iniziali come ordinare cibo, noleggiare una bicicletta, quindi richiedere loro di installare app native sull'App Store. La nuova modifica riduce alcuni passaggi aggiuntivi di iOS 14 per scoprire i clip dell'app all'interno della pagina Web e le app di terze parti.

Sfortunatamente, non si vedono ancora i banner di installazione di PWA. Apple renderà i clip delle app compatibili con le PWA? O stanno cercando di creare una propria versione PWA? O forse le clip delle app e le PWA non sono affatto correlate? La risposta è ancora nel futuro.

Non vengono affrontate limitazioni importanti

Le nuove versioni di iOS 15 portano sicuramente alcune delusioni agli sviluppi di PWA poiché, evidentemente, ciò che stiamo cercando è ancora fuori discussione. È ancora molto difficile implementare PWA su iOS 15 senza la disponibilità di queste funzionalità:

• Sincronizzazione in background
• Spinta web
• Prima di installare prompt e banner di installazione
• Audio di sottofondo per le PWA

Inoltre, non ci sono soluzioni ad alcuni punti negativi che abbiamo menzionato nell'articolo iOS 14.

• Nessuna icona PWA nella Libreria app
• Non molte modifiche al supporto manifest dell'app Web (oltre ai colori del tema)
• La barra di stato è ancora black e solo black-translucent .
• Grande limitazione delle funzionalità su altri browser web

Porta via

Lì hai tutto ciò che iOS15 ha per PWA. Sebbene la maggior parte delle modifiche alla versione 15 siano minori, iOS 15.4 con Web Push e altri supporti Web App Manifest aprono un futuro più luminoso per PWA su iOS. Con la versione beta di iOS 16 rilasciata a settembre 2022, speriamo che arrivino alcune modifiche più significative.