Web Dev Ecosystem-Team – Zusammenfassung für Februar

Mariko Kosaka
X
Willkommen zur ersten Ausgabe eines monatlichen Rückblicks auf die Aktivitäten des Web Developer Ecosystem-Teams.✨

Wir sind ein Team aus Entwicklern und Kommunikatoren, die Artikel und Codebeispiele wie diese Website Webgrundlagen und unser brandneues Portal web.dev erstellen. Sie können sich auch unsere Arbeit auf unserem YouTube-Kanal ansehen und uns unter @ChromiumDev folgen. :)

Der Februar ist ein kurzer Monat, aber wir haben trotzdem jede Menge Inhalte für euch. Beginnen wir mit den großen Releases des Teams.

Releases

Workbox

Vor wenigen Tagen wurde Workbox 4.0 veröffentlicht.🎉 Diese Version enthält tolle neue Funktionen wie workbox-window und Verbesserungen an vielen der vorhandenen Workbox-Pakete. Wenn Sie Workbox bereits verwenden, lesen Sie den Leitfaden zur Migration von Version 3 zu Version 4. Sie möchten wissen, wie Sie Workbox in Ihrem vorhandenen Projekt verwenden können? Hier finden Sie eine Anleitung zur Verwendung mit Bundlern Ihrer Wahl. Sie sind sich nicht sicher, welches Problem Workbox löst? Sehen Sie sich dieses Interview zu Dienstmitarbeitern in der Sendung „State of the Web“ an.

lit-html und LitElement

Das Team des Polymer-Projekts hat an der stabilen Version von lit-html und LitElement gearbeitet, zwei Webentwicklungsbibliotheken der nächsten Generation. Möchten Sie sie ausprobieren? Dann beginnen Sie mit dem Leitfaden LitElement ausprobieren. 📝

Vertrauliche Webaktivitäten

Mit der Veröffentlichung von Chrome 72 sind vertrauenswürdige Web-Aktivitäten (Trusted Web Activity, TWA) auf den Markt gekommen. Mit TWAs können Sie Chrome im Vollbildmodus in einer Android-Aktivität verwenden. So können Sie Ihre Webinhalte in die App-Welt bringen.📱 Sehen Sie sich diesen Einstiegsleitfaden an oder lesen Sie weiter, wie @svenbudak seine PWA im Google Play Store veröffentlicht hat.

Nächste Schritte

Die stabile Version von Chrome 73 wird am 12. März veröffentlicht. Wir haben also viele spannende Funktionen zu präsentieren.

V8: Die JavaScript-Engine von Chrome wurde mit zahlreichen Updates versehen, darunter Object.fromEntries und String.prototype.matchAll. Weitere Informationen finden Sie in den Versionshinweisen für V8.

Sie arbeiten mit Audio- und Videoinhalten im Web? Die Unterstützung von Hardware-Medientasten ist da und die Funktion „Anzeige überspringen“ im Bild-im-Bild-Fenster befindet sich jetzt in der ursprünglichen Testphase. Weitere Informationen finden Sie unter Audio-/Videoupdates in Chrome 73.

Apropos Testversion: Machen Sie sich bereit für die Abrufpriorität. Mit der Abrufpriorität können Entwickler die Wichtigkeit eines <script>-, <img>- oder <link>-Elements festlegen, um dem Browser mitzuteilen, wie sie geladen werden sollen. Die Funktion befindet sich noch in der Testphase. Wir freuen uns über Feedback.

Die Rendering-Leistung hat für uns immer oberste Priorität. In Chrome 73 sind wheel- und mousewheel-Listener, die für Stammziele (Fenster, Dokument oder Body) registriert sind, standardmäßig passive Listener. Dadurch wird standardmäßig ein schnelles Scrollen per Mausrad ermöglicht.

Neben neuen Funktionen gibt es auch einige, die eingestellt werden. Lesen Sie daher unbedingt die Informationen zu Einstellung und Entfernung von Funktionen in Chrome 73.

Neue Entwicklung

Hier sind noch ein paar weitere Funktionen, an denen wir gearbeitet haben und die bald in einem Browser in deiner Nähe verfügbar sein werden.

Um Cross-Site-Scripting zu verhindern, entwickeln wir eine neue API namens „Trusted Types“. Wenn Sie vertrauenswürdige Typen aktivieren (über die Content Security Policy), wird das Dokument vor DOM-Injection geschützt. Wir arbeiten daran, weitere Codebeispiele und Anleitungen zu diesem Thema bereitzustellen. In der Zwischenzeit können Sie sich diese Informationen zu vertrauenswürdigen Typen ansehen.

Das Zurück- und Vorwärtsgehen in Chrome wird bald sehr schnell sein. Wir arbeiten an einem neuen Back-/Forward-Cache, um Seiten im Arbeitsspeicher zu cachen, wenn der Nutzer wegklickt. In diesem Beitrag finden Sie eine Erklärung und einen Prototyp von bfcache.

Schließlich wird mit Intersection observer v2 die tatsächliche „Sichtbarkeit“ eines Ziels erfasst.

Was wir gerade ausprobieren

Unsere Arbeit endet nicht bei den Browserfunktionen. Außerdem beschäftigen wir uns mit der Leistung von Webanwendungen, entwickeln Webanwendungen und überlegen uns, wie wir Webentwickler auf der ganzen Welt unterstützen können. Hier sind einige der Dinge, an denen wir diesen Monat gearbeitet haben.

Neue Videos und Podcasts

Martin startet eine neue Reihe mit dem Titel JavaScript-SEO. Die erste Folge handelt davon, wie JavaScript-Websites in der Google Suche indexiert werden. Meggin hat vor Kurzem bei einem Meetup Reflexionen zum web.dev-Projekt vorgestellt. Jake und Surma sind zurück mit einer neuen HTTP203-Podcastfolge zum Test zur Bilddrehung.

Auf unserem YouTube-Kanal finden Sie außerdem regelmäßige Serien wie „Neuerungen in Chrome“, „Neuerungen in den DevTools“ und „Der aktuelle Stand des Webs“.

Besonderer Hinweis

Haben Sie sich die Beispiele für Puppeteer angesehen? Vielleicht haben Sie es im letzten Jahr im Tweet von Eric Bidelman „📯The 12 Days of Puppeteer 🤹🏻‍♂️🎁“ gesehen. Es ist eine tolle Sammlung von Puppeteer-Codebeispielen, die Sie dazu anregen, kreativ zu überlegen, was Sie mit dem Browser tun können. Sie sollten sie sich ansehen.

Viel Erfolg bei Ihrem neuen Vorhaben, Eric! Wir werden dich vermissen.

Zusammenfassung

Wie hat dir der erste Monatsrückblick gefallen? Wenn euch das Video gefallen hat oder ihr Ideen zur Verbesserung habt, schreibt mir gern auf Twitter: @kosamari ✅

Wenn Sie mithilfe der hier vorgestellten Funktionen etwas Neues erstellt oder anhand unserer Artikel etwas in Ihrer Codebasis geändert haben, teilen Sie uns dies unter @ChromiumDev mit.

Im März reisen einige von uns nach Indien, um mehr über die mobile Webnutzung dort zu erfahren. ✈️ Wir freuen uns, unsere Erfahrungen mit Ihnen zu teilen.

Bis zum nächsten Monat!👋