Ecco la prima parte di un riepilogo mensile per dare un'occhiata a ciò che è accaduto nel team Web Developer Ecosystem✨
Siamo un team di ingegneri e comunicatori che produce articoli ed esempi di codice come questi elementi di base sul web del sito web e il nostro nuovissimo portale web.dev. Puoi anche vedere il nostro lavoro sul nostro canale YouTube e non dimenticarti di seguirci su @ChromiumDev :)
Febbraio è un mese breve, ma di certo non siamo a corto di contenuti. Iniziamo con i grandi lanci del team.
Funzionalità rilasciate
Workbox
Appena stampata, Workbox 4.0 è stata rilasciata pochi giorni fa.🎉 Questa release include nuove fantastiche funzionalità come workbox-window e miglioramenti a molti dei pacchetti di Workbox esistenti. Se stai già utilizzando Workbox, consulta la guida alla migrazione da v3 a v4.
Ti stai chiedendo come puoi usare Workbox nel tuo progetto esistente? Ecco una guida per
utilizzarli con bundler di tua scelta.
Non sai quale problema può aiutarti a risolvere? Dai un'occhiata a questa intervista sui service worker sul programma State of the Web.
lit-html e LitElement
Il team del progetto polymer si è impegnato a lavorare alla release stabile di lit-html e LitElement, due librerie di sviluppo web di nuova generazione. Vuoi provarli? Inizia con la guida Prova LitElement 📝
Attività web attendibili
Con il rilascio di Chrome 72, l'Attività web attendibile (TWA) è entrata sul mercato. Con le modalità TWA puoi avere Chrome a schermo intero all'interno di un'attività Android, il che significa che puoi portare i tuoi contenuti web nella sfera dell'app 📱 Consulta questa guida introduttiva o leggi come @svenbudak ha pubblicato la sua PWA sul Google Play Store.
Passaggi successivi
Con la release stabile di Chrome 73 che si protrarrà (12 marzo), abbiamo molte funzionalità interessanti da scoprire.
V8. Il motore JavaScript di Chrome ha diversi aggiornamenti, tra cui Object.fromEntries e String.prototype.matchAll. Consulta la nota di rilascio della versione 8.
Lavori con audio e video sul web? È disponibile il supporto per i tasti multimediali hardware e la funzionalità "Salta annuncio" nella finestra Picture in picture è ora in prova dell'origine. Per saperne di più, dai un'occhiata agli aggiornamenti audio/video in Chrome 73.
A proposito di prova dell'origine, preparati alla priorità del recupero con Priorità di recupero, gli sviluppatori possono impostare l'importanza di un elemento <script>, <img> o <link> per indicare al browser come caricarli. È ancora una funzionalità sperimentale, quindi ti invitiamo a provarla e a inviare un feedback.
Le prestazioni del rendering sono sempre al primo posto. In Chrome 73, i listener wheel e mousewheel registrati sui target principali (finestra, documento o corpo) saranno ascoltatori passivi per impostazione predefinita, che offrono lo scorrimento a rotellina veloce per impostazione predefinita.
Quando daremo il benvenuto alle nuove funzionalità, dobbiamo anche dire addio, quindi assicurati di controllare anche le rimozioni e le rimozioni relative a Chrome 73.
Nuovo sviluppo
Di seguito sono riportati alcuni altri aspetti a cui stiamo lavorando che saranno disponibili in un browser nelle vicinanze.
Per contribuire a impedire il cross-site scripting, stiamo sviluppando una nuova API chiamata tipo attendibile. L'attivazione dei tipi attendibili (tramite il criterio di sicurezza del contenuto) bloccherà il documento dall'inserimento DOM. Stiamo lavorando per fornire altri esempi di codice e guide in merito, ma nel frattempo leggi ulteriori informazioni sui tipi attendibili per provarli.
A breve il pulsante Avanti e Indietro su Chrome potrebbe essere molto veloce. Stiamo esplorando una nuova cache back-forward per memorizzare le pagine in memoria quando l'utente esce dalla pagina. Consulta il testo esplicativo e un prototipo di bfcache in questo post.
Infine, Intersection Explorer v2 introduce l'idea di monitorare l'effettiva "visibilità" di un target.
Cosa stiamo apportando
Il nostro lavoro non si limita alle funzionalità del browser. Osserviamo anche prestazioni delle applicazioni web, creiamo app web e pensiamo a diversi modi per aiutare gli sviluppatori web di tutto il mondo. Ecco alcune delle cose con cui abbiamo lavorato questo mese.
- Rendering sul web
- Priorità di caricamento di JavaScript in Chrome
- Non consentire importazioni di grandi dimensioni da progetti JavaScript
- Destinazione condivisione web file
- Sostituire un percorso attivo nel file JavaScript dell'app con WebAssembly
- Fogli di stile costruibili: stili riutilizzabili senza interruzioni
- Reazione progressiva
- Problemi di rendimento della vetrina web
Nuovi video e podcast
Martin sta iniziando una nuova serie chiamata JavaScript SEO, la prima puntata riguarda il modo in cui la Ricerca Google indicizza i siti JavaScript. Meggin ha recentemente presentato riflessi sul progetto web.dev a un Meetup. Jake e Surma tornano con una nuova puntata del podcast HTTP203 che parla dell'esperimento di rotazione delle immagini.
Abbiamo anche programmi regolari come "Novità di Chrome", "Novità di DevTools" e "Lo stato del web"" sul nostro canale YouTube.
Ringraziamento speciale
Hai visto gli esempi di burattini? L'avresti forse notato nel tweet di Eric Bidelman "📯The 12 Days of Puppeteer 🤹🏻 ♂️🎁" l'anno scorso. È una fantastica raccolta di esempi di codice Puppeteer che ti consentono di pensare in modo creativo a cosa puoi fare con il browser. Dovresti dare un'occhiata!
(Buona fortuna per la tua nuova attività, Eric! Ci mancherai!)
In sintesi
Come valuti la prima conclusione mensile? Se ti è piaciuto o hai idee per migliorarla, comunicacelo su Twitter @kosamari ✅
Se hai creato qualcosa di nuovo utilizzando le funzionalità introdotte qui o hai apportato modifiche nel tuo codebase in base ai nostri articoli, assicurati di comunicarcelo all'indirizzo @ChromiumDev.
A marzo, alcuni di noi si spostano in India sperando di conoscere meglio l'esperienza sul web mobile in questo paese ✈️ Non vediamo l'ora di condividere ciò che abbiamo imparato.
Ci vediamo il mese prossimo 👋