PWA-uri pe iOS 15: Îmbunătățiri? [iOS 15.4 actualizat]

Apple susține că iOS 15 oferă o modalitate mai bună de a rămâne conectat, de a vă concentra, de a explora cu lista sa semnificativă de funcții noi. Cu toate acestea, există ceva care poate face viața unui dezvoltator PWA mai ușoară? Vom explora toate cele mai mari schimbări, dezamăgirile, împreună cu câteva știri interesante în acest articol.

Toate îmbunătățirile pentru PWA

[iOS 15.4] Preîncărcare de navigație pentru Service Worker

iOS 15.4 lansează câteva îmbunătățiri noi pentru Service Workers, inclusiv preîncărcarea de navigare și mai mult suport pentru fișierele generate de Service Worker.

În unele cazuri, pornirea lucrătorului de service poate crește timpul de răspuns al rețelei. Preîncărcarea de navigare solicită solicitările rețelei în timpul de pornire a lucrătorului de service, ceea ce ar trebui să ajute la performanța PWA.

[iOS 15.4] Manifest îmbunătățit al aplicației web: pictograme și multe altele

Vești bune! După o așteptare de o viață, dezvoltatorii PWA pot implementa în sfârșit aplicația web pe iOS 15.4 cu o pictogramă adecvată. Dacă nu există nicio pictogramă apple-touch definită în fișierul aplicației web, pictograma Manifest aplicației web va fi setată implicit.

Cu toate acestea, suportul nu este încă perfect. Există încă câteva erori minore care afectează experiența atât pentru utilizatori, cât și pentru dezvoltatori, cum ar fi:

• Forma și formatul pictogramelor sunt limitate numai la PNG pătrat.
• Pictogramele sunt redimensionate automat dacă nu se potrivesc cu dimensiunile predefinite de iOS (Ipad-uri – 152 x 152 și 167 x 167, iPhone-uri – 120×120 și 180 x 180)
• Pictogramele nu apar atunci când deschideți foaia de partajare, dar în cele din urmă apar când alegeți să adăugați la ecranul de pornire.
• Pictogramele transparente vor avea un fundal alb sau negru.

În plus, în versiunile anterioare, Manifestul aplicației web este preluat numai atunci când utilizatorii aleg să „ Adăugați la ecranul de pornire ”. Pentru iOS 15.4, fișierul este acum analizat și încărcat atunci când pagina se încarcă deja. Ca rezultat, puteți aplica culoarea temei chiar la încărcarea paginii, ceea ce face ca PWA-urile să fie mai de încredere.

[iOS15.4] Notificări push web

Când scriem un articol pentru PWA iOS 15 anul trecut, împărtășim câteva dovezi despre modul în care notificările push web pot veni și ghicim ce este, în sfârșit se întâmplă.

La fel ca și pictogramele Web App Manifest, există încă unele inconveniente legate de împingerea web. De exemplu, este dezactivat implicit, așa că oamenii trebuie să știe mai întâi despre el pentru a-l folosi. De asemenea, unii dezvoltatori PWA consideră că este imposibil să folosească API-ul Web Push pentru a solicita permisiuni de notificare, deși există opțiuni pentru aceasta.

Cu toate acestea, merită sărbătorită o veste. Ce e mai bine? Web Kit a anunțat suportul pentru Web Push în Safari 16 pe macOS Ventura. Conform tachinării lor, Web Push ar putea fi disponibil pe iOS și iPadOS în 2023.

Culoarea temei acceptată

În timp ce starea de suport pentru manifestul aplicației web este încă „Suport parțial”, Safari 15 a activat acum în mod oficial culoarea temei în metaetichetele HTML și Manifestul web . Așadar, acum puteți face modificări la culorile din bara de stare și zona de defilare , care pot fi aplicate și pentru bara de file și culorile de fundal de defilare în aspectul Safari 15 Compact Tab pe Ipad OS 15, Big Sur și MacOS Monterey .

Mai mult, utilizând atributul media, puteți activa și un mod întunecat/luminos pentru aplicația dvs. web Progressive pe 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 (Biblioteca grafică web) și API-ul Web-Share îmbunătățite

iOS 15 este martor la o actualizare de la WebGL 1 la WebGL2. WebGL 2 s-a dovedit a fi o îmbunătățire semnificativă, care este mult mai rapidă, oferă mult mai multă textură decât WebGL, precum și multe alte beneficii.

În plus, Safari 15 include suport pentru Web Share nivel 2, care deschide calea pentru ca dezvoltatorii să schimbe efectiv fișiere din browser în aplicații cu dialogul nativ de partajare. În prezent, acceptă imagini, video, audio, fișiere text și multe altele.

Această modificare, de exemplu, permite utilizatorilor să partajeze direct imagini din paginile PWA în aplicațiile lor Twitter, fără pași suplimentari de salvare a fotografiilor în bibliotecă și reîncărcare.

API-ul Better Media Session

Media Session API oferă mai multe date și controale de redare, astfel, aduce experiența media la un nivel superior. Din iOS 15, utilizatorii pot accesa cardul NOW PLAY din Control Central , ecranul de blocare , precum și bara de meniu a MacOS Monterey și pot controla câteva opțiuni simple de redare. Mai mult, noua sesiune media aduce experiența SharePlay , care permite vizionarea de filme, ascultarea muzicii cu prietenii prin Facetime. Aceasta poate fi o veste bună pentru aplicațiile de podcast bazate pe web.

Suport audio WebM pentru Safari, suport WebM/VP9 pentru Ipad

WebM este o tehnologie de streaming video web open-source, fără drepturi de autor. După ce a introdus pentru prima dată imaginea WebM în iOS 14, Apple acceptă acum containerele de codec audio Opus WebM în Safari 15. În plus, utilizatorii pot transmite acum videoclipuri WebM/VP9 pe IpadOS15.

Această actualizare promite suport complet pentru WebM în viitorul apropiat și ne putem aștepta ca videoclipurile WebM să fie disponibile în curând pe Safari mobil. Drept urmare, proprietarii PWA vor avea mai multe opțiuni pentru a-și afișa media video pentru a oferi experiențe mai bune pentru utilizatori.

Suport pentru modulul ES6 în Service Worker

ES6 marchează primul modul încorporat de JavaScript, oferă o structură solidă cu care este ușor de lucrat, întreținut, extins și încapsulat comportamentele. Odată cu noul modul ES6 care vine la Service Worker, acum dezvoltatorii pot îmbunătăți performanța și pot activa accesul offline pentru iOS PWA într-un mod mai organizat. Ca rezultat, este ușor să extindeți rapid, să creșteți funcționalitățile PWA pentru a satisface cerințele pieței atunci când este necesar.

Multitasking mai simplu pentru iPad

iOS 15 a adus unele îmbunătățiri pentru o experiență multitasking mai intuitivă pe iPad, păstrând totodată ceea ce a funcționat înainte. De exemplu, există o nouă filă cu trei puncte mici reprezentând meniul multi-tasking în partea de sus a afișajului, care va face ca aplicația să fie pe ecran complet, ecran divizat sau să alunece peste. În plus, în SplitScreen este introdusă o fereastră centrată, unde puteți deschide o fereastră în partea de sus a aplicațiilor cu ecran divizat, apoi o puteți trimite la Slider Over, Split View sau Full Screen.

Mai mult, o nouă comandă rapidă de la tastatură și o nouă interfață de utilizator multitasking care vizualizează toate aplicațiile (inclusiv cele din Slide Over) merită o mențiune rapidă.

Până departe de recenzii, se pare că noul upgrade pe Ipad multitasking pentru Web și PWA a primit feedback pozitiv pentru a fi mult mai ușor de utilizat decât iOS 14.

Clip nou pentru aplicație – O altă actualizare vizibilă

Am menționat App Clipul din PWA iOS 14 Wrapping Up ca ceva de așteptat pentru PWA instalabile asemănătoare Android. Deci cum este acum?

App Clip acum poate fi integrat cu site-uri web, ca rezultat, afișate în Safari. Cardul permite utilizatorilor să-și termine sarcinile inițiale, cum ar fi comandarea alimentelor, închirierea unei biciclete, apoi le solicită să instaleze aplicații native în App Store. Noua modificare reduce câțiva pași suplimentari ai iOS 14 pentru a descoperi clipurile aplicației din pagina web și din aplicațiile terță parte.

Din păcate, încă nu se văd bannere de instalare PWA. Apple va face clipurile din aplicații compatibile cu PWA? Sau încearcă să creeze propria lor versiune PWA? Sau poate că clipurile aplicației și PWA-urile nu au nicio legătură? Răspunsul este încă în viitor.

Nu sunt abordate limitări majore

Noile versiuni iOS 15 aduc cu siguranță unele dezamăgiri în ceea ce privește evoluțiile PWA, deoarece, evident, ceea ce căutăm nu este încă de pe masă. Este încă o muncă destul de grea să implementezi PWA pe iOS 15 fără disponibilitatea acestor funcții:

• Sincronizare în fundal
• Web Push
• Înainte de instalare Prompt și Banner de instalare
• Sunet de fundal pentru PWA

Mai mult, nu există nicio remediere a unor puncte proaste pe care le-am menționat în articolul iOS 14.

• Nicio pictogramă PWA în Biblioteca de aplicații
• Nu există multe modificări ale suportului pentru manifestul aplicației web (în afară de culorile temei)
• Bara de stare este încă black și black-translucent .
• Restricție mare de caracteristici pentru alte browsere web

La pachet

Acolo aveți tot ce are iOS15 pentru PWA. În timp ce cele mai multe modificări ale versiunii 15 sunt minore, iOS 15.4 cu Web Push și mai multe suporturi Web App Manifest deschid un viitor mai luminos pentru PWA pe iOS. Odată cu versiunea beta a iOS 16 lansată în septembrie 2022, să sperăm că vor urma câteva schimbări mai semnificative.