Web Dev Ecosystem-Team – Zusammenfassung für Februar

Mariko Kosaka
X
Willkommen zur ersten Ausgabe unserer monatlichen Zusammenfassung, in der wir auf die Entwicklungen im Web Developer Ecosystem-Team zurückblicken.✨

Wir sind ein Team aus Entwicklern und Kommunikatoren, die Artikel und Codebeispiele erstellen, wie z. B. die Webgrundlagen für die Website und unser brandneues Portal web.dev. Sie können unsere Arbeit auch auf unserem YouTube-Kanal ansehen und vergessen Sie nicht, uns auf @ChromiumDev zu folgen :)

Der Februar ist ein relativ kurzer Monat, aber wir haben definitiv keine Gelegenheit, etwas zu verpassen. Beginnen wir mit den großen Releases des Teams.

Releases

Workbox

Workbox 4.0 wurde erst vor wenigen Tagen veröffentlicht.🎉 Diese Version enthält tolle neue Funktionen wie workbox-window und Verbesserungen für viele der vorhandenen Workbox-Pakete. Wenn Sie die Workbox bereits verwenden, lesen Sie die Migrationsanleitung von Version 3 zu Version 4. Sie fragen sich, wie Sie Workbox in Ihrem bestehenden Projekt verwenden können? Hier finden Sie eine Anleitung zur Verwendung mit Bundlern Ihrer Wahl. Sie sind sich nicht sicher, welches Problem mithilfe der Workbox gelöst werden kann? Dann sehen Sie sich dieses Interview zu Service Workern zur State of the Web-Sendung 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öchtest du sie ausprobieren? Beginne mit dem Leitfaden zu LitElement. 📝

Vertrauenswürdige Webaktivitäten

Mit Chrome 72 sind Trusted Web Activity (TWA) auf dem Markt verfügbar. Mit TWAs können Sie Chrome als Vollbild in einer Android-Aktivität nutzen. So können Sie Ihre Webinhalte in die App einbinden 📱 Weitere Informationen finden Sie in diesem Startleitfaden oder darüber, wie @svenbudak seine PWA im Google Play Store veröffentlicht hat.

Nächste Schritte

In der stabilen Version von Chrome 73 am 12. März stehen viele spannende Funktionen zur Verfügung.

V8: Die JavaScript-Engine von Chrome bietet eine Reihe von Updates, darunter Object.fromEntries und String.prototype.matchAll. Sehen Sie sich die Versionshinweise zu v8 an.

Arbeiten Sie mit Audio und Video im Web? Hardware-Medientasten werden jetzt unterstützt und die Option „Anzeige überspringen“ im Bild-im-Bild-Fenster befindet sich jetzt im Ursprungstest. Weitere Informationen finden Sie unter Audio-/Video-Updates in Chrome 73.

Apropos Ursprungstest: Machen Sie sich auf die Abrufpriorität bereit mit der Abrufpriorität. Entwickler können die Wichtigkeit eines <script>-, <img>- oder <link>-Elements festlegen, um dem Browser zu zeigen, wie sie geladen werden. Da sich die Funktion noch in der Testphase befindet, sollten Sie sie ausprobieren und uns Feedback geben.

Die Rendering-Leistung hat bei uns immer oberste Priorität. In Chrome 73 sind wheel- und mousewheel-Listener, die in Root-Zielen (Fenster, Dokument oder Textkörper) registriert sind, standardmäßig passive Listener, die standardmäßig schnelles Scrollen per Rad ermöglichen.

Wenn wir neue Funktionen vorstellen, müssen wir uns auch verabschieden. Sieh dir deshalb auch die Einstellung und Entfernung für Chrome 73 an.

Neuentwicklung

Hier sind ein paar weitere Dinge, an denen wir gearbeitet haben und die auch in einem Browser in deiner Nähe ankommen werden.

Um Cross-Site-Scripting zu verhindern, entwickeln wir eine neue API namens „Vertrauenswürdige Typen“. Wenn Sie vertrauenswürdige Typen (über die Content Security Policy) aktivieren, wird das Dokument für die DOM-Einschleusung gesperrt. Wir arbeiten daran, weitere Codebeispiele und Anleitungen dazu bereitzustellen. In der Zwischenzeit können Sie sich über vertrauenswürdige Typen informieren, um sie auszuprobieren.

Das Drücken der Schaltfläche „Zurück“ und „Weiter“ in Chrome geht möglicherweise bald sehr schnell! Wir testen einen neuen Back-Forward-Cache, um Seiten im Arbeitsspeicher im Cache zu speichern, wenn der Nutzer die Seite verlässt. In diesem Beitrag finden Sie eine Erläuterung und einen Prototyp von bfcache.

Zuletzt wird mit Intersection Observer v2 die Möglichkeit eingeführt, die tatsächliche „Sichtbarkeit“ eines Ziels zu erfassen.

Woran wir gerade herumspielen

Bei uns geht es aber nicht nur um Browserfunktionen! Wir beschäftigen uns auch mit der Leistung von Webanwendungen, erstellen Webanwendungen und überlegen, wie wir Webentwicklern überall helfen können. Hier sind einige der Dinge, an denen wir diesen Monat gearbeitet haben.

Neue Videos und Podcasts

Martin startet eine neue Serie mit dem Namen JavaScript SEO. In der ersten Folge geht es darum, wie die Google-Suche JavaScript-Websites indexiert. Meggin hat vor Kurzem bei einem Meetup Reflexionen zum web.dev-Projekt vorgestellt. Jake und Surma sind mit einer neuen HTTP203-Podcastfolge zum Experiment der Bildrotation zurück.

Auf unserem YouTube-Kanal finden Sie auch regelmäßig Sendungen wie „Neu in Chrome“, „Neu in den Entwicklertools“ und „The State of the Web“.

Besondere Erwähnung

Hast du Puppeteer Examples gesehen? Vielleicht hast du es schon beim Tweet 📯The 12 Days of Puppeteer 🤹 Anders ♂️🎁 im letzten Jahr schon beim Tweet von Eric Bidelman gesehen. Es ist eine großartige Sammlung von Puppeteer-Codebeispielen, die Ihnen dabei helfen, kreativ darüber nachzudenken, was Sie mit dem Browser alles machen können. Sieh sie dir am besten gleich mal an!

(Viel Erfolg bei Ihrem neuen Unterfangen, Eric! Wir werden dich vermissen!)

Zusammenfassung

Wie hat Ihnen die erste monatliche Zusammenfassung gefallen? Wenn es dir gefallen hat oder du Verbesserungsvorschläge hast, teile mir dies bitte auf Twitter mit @kosamari mit. ✅

Wenn Sie mit den hier vorgestellten Funktionen etwas Neues erstellt oder Änderungen in Ihrer Codebasis basierend auf unseren Artikeln vorgenommen haben, senden Sie uns eine E-Mail an @ChromiumDev.

Im März reisen einige von uns nach Indien und hoffen, dort mehr über das mobile Web zu erfahren ✈️ Ich freue mich schon darauf, unsere Erkenntnisse mit Ihnen zu teilen.

Bis zum nächsten Monat 👋