Wij zijn een team van ingenieurs en communicatoren die artikelen en codevoorbeelden produceren, zoals deze website web fundamentals en onze gloednieuwe portal web.dev . Je kunt ons werk ook bekijken op ons YouTube-kanaal en vergeet niet ons te volgen op @ChromiumDev :)
Februari is een korte maand maar inhoudelijk komen we zeker geen tekort. Laten we beginnen met grote releases van het team.
Releases
Werkdoos
Vers van de pers is Workbox 4.0 pas een paar dagen geleden uitgebracht.🎉 Deze release bevat geweldige nieuwe functies zoals workbox-window en verbeteringen aan veel van de bestaande workbox-pakketten. Voor degenen onder u die workbox al gebruiken, bekijk de migratiegids van v3 naar v4 . Vraagt u zich af hoe u Workbox kunt gebruiken in uw bestaande project? Hier vindt u een handleiding om ze te gebruiken met bundelaars van uw keuze . Weet u niet zeker welk probleem workbox helpt oplossen? Bekijk dit interview over servicemedewerkers op de State of the Web-show.
lit-html en LitElement
Het team van het polymeerproject is druk bezig geweest met het werken aan een stabiele release van lit-html en LitElement - twee webontwikkelingsbibliotheken van de volgende generatie. Wil je ze uitproberen? begin met de Try LitElement- gids 📝
Vertrouwde webactiviteiten
Met de release van Chrome 72 is Trusted Web Activity (TWA) op de markt gekomen! Met TWA's kunt u Chrome op volledig scherm gebruiken binnen een Android-activiteit, wat betekent dat u uw webinhoud in de app-sfeer kunt brengen📱 Bekijk deze handleiding om aan de slag te gaan of lees hoe @svenbudak hun PWA in de Google Play Store heeft geplaatst!
Wat komt er hierna
Met de stabiele release van Chrome 73 in het verschiet ( 12 maart ), hebben we veel spannende functies te bespreken!
V8 - De JavaScript-engine van Chrome heeft een aantal updates, waaronder Object.fromEntries en String.prototype.matchAll . Bekijk de releaseopmerking voor v8 .
Werken met audio en video op internet ? Er is ondersteuning voor hardwaremediatoetsen en "Advertentie overslaan" in het Picture-in-Picture-venster is nu in de originele proefversie! Bekijk Audio-/video-updates in Chrome 73 voor meer informatie.
Over origin-trial gesproken: bereid je voor op Fetch Priority met Fetch Priority . Ontwikkelaars kunnen het belang van een <script> , <img> of <link> element instellen om de browser te laten weten hoe deze moet worden geladen. Het is nog steeds een experimentele functie, dus probeer het uit en stuur feedback!
Renderprestaties staan altijd voorop. In Chrome 73 zijn wheel en mousewheel listeners die zijn geregistreerd op hoofddoelen (venster, document of hoofdtekst) standaard passieve luisteraars , waardoor standaard snel wiel-scrollen mogelijk is .
Terwijl we hallo zeggen tegen nieuwe functies, moeten we ook afscheid nemen, dus controleer ook de beëindigingen en verwijderingen voor Chrome 73 !
Nieuwe ontwikkeling
Hier zijn nog een paar dingen waar we aan hebben gewerkt en die beschikbaar zullen zijn in een browser bij jou in de buurt.
Om Cross-Site Scripting te helpen voorkomen, ontwikkelen we een nieuwe API genaamd Trusted Types . Als u zich aanmeldt voor vertrouwde typen (via Content Security Policy), wordt het document vergrendeld tegen DOM-injectie. We werken eraan om meer codevoorbeelden en handleidingen hierover te geven, maar lees in de tussentijd meer over Trusted Types om het uit te proberen.
Het indrukken van de terug- en vooruitknop in Chrome kan binnenkort heel snel gaan! We onderzoeken een nieuwe back/forward-cache om pagina's in het geheugen te cachen wanneer de gebruiker weg navigeert. Bekijk de uitleg en een prototype van bfcache in dit bericht .
Ten slotte introduceert Intersection Observer v2 het idee om de feitelijke "zichtbaarheid" van een doelwit te volgen.
Waar wij mee bezig zijn
Ons werk eindigt niet bij browserfuncties! We kijken ook naar de prestaties van webapplicaties, bouwen webapps en denken na over verschillende manieren om webontwikkelaars overal te helpen. Hier zijn enkele dingen waar we deze maand aan hebben gesleuteld.
- Renderen op internet
- JavaScript Laadprioriteiten in Chrome
- Sta grote import uit JavaScript-projecten niet toe
- Doel voor bestandswebshare
- Een hot path in het JavaScript van uw app vervangen door WebAssembly
- Constructable Stylesheets: naadloze herbruikbare stijlen
- Progressief reageren
- Prestatieproblemen met de webwinkel
Nieuwe video's en podcasts
Martin begint een nieuwe serie genaamd JavaScript SEO , de eerste aflevering gaat over hoe Google Search JavaScript-sites indexeert ! Meggin presenteerde onlangs tijdens een bijeenkomst reflecties op het web.dev-project . Jake en Surma zijn terug met een nieuwe HTTP203-podcastaflevering waarin ze het beeldrotatie-experiment bespreken .
We hebben ook regelmatig shows zoals 'Nieuw in Chrome' , 'Wat is er nieuw in DevTools' en 'The State of the Web ' op ons YouTube-kanaal .
Speciale shout-out
Heb je voorbeelden van poppenspelers gezien? Je hebt het misschien gezien in de tweet van Eric Bidelman "📯The 12 Days of Puppeteer 🤹🏻♂️🎁" vorig jaar. Het is een geweldige verzameling Puppeteer-codevoorbeelden waarmee u creatief kunt nadenken over wat u met de browser kunt doen. Je zou ze eens moeten bekijken!
(Veel succes met je nieuwe onderneming Eric! We zullen je missen!!)
Afsluiten
Wat vond je van de eerste maandelijkse afsluiting? Als je ervan genoten hebt of ideeën hebt om het te verbeteren, laat het me dan weten op twitter @kosamari ✅
Als je iets nieuws hebt gebouwd met behulp van de hier geïntroduceerde functies of iets in je codebase hebt gewijzigd op basis van onze artikelen, laat het ons dan weten via @ChromiumDev .
In maart vertrekken enkelen van ons naar India in de hoop daar meer te leren over de mobiele webervaring ✈️ Ik kijk ernaar uit om te delen wat we daar leren!
Tot volgende maand👋