Zespół Web Dev Ecosystem – podsumowanie lutego

Mariko Kosaka
X
Witamy w pierwszym z cyklu comiesięcznych podsumowań, w których będziemy podsumowywać, co działo się w zeszłym miesiącu w zespole ds. ekosystemu dla deweloperów witryn internetowych. ✨

Jesteśmy zespołem inżynierów i komunikatorów, który tworzy artykuły i próbki kodu, takie jak te na stronie podstawy internetu i na naszym nowym portalu web.dev. Możesz też zobaczyć nasze prace na kanale w YouTube. Pamiętaj też, aby śledzić nas na koncie @ChromiumDev :)

Luty jest krótkim miesiącem, ale nie brakuje w nim treści. Zacznijmy od dużych aktualizacji od zespołu.

Wersje

Workbox

Kilka dni temu udostępniliśmy najnowszą wersję Workbox 4.0.🎉 Ta wersja zawiera nowe, przydatne funkcje, takie jak workbox-window, oraz ulepszenia wielu dotychczasowych pakietów Workbox. Jeśli korzystasz już z workboksów, zapoznaj się z przewodnikiem po migracji z wersji 3 na wersję 4. Zastanawiasz się, jak możesz używać Workbox w istniejącym projekcie? Oto przewodnik po używaniu ich z wybranymi przez Ciebie usługami płatnego przesyłania wiadomości. Nie wiesz, jaki problem rozwiązuje Workbox? Obejrzyj wywiad z twórcą skryptów service worker w programie State of the Web.

lit-html i LitElement

Zespół pracujący nad projektem polimer pracował nad stabilną wersją lit-html i LitElement – 2 bibliotek do tworzenia stron internetowych nowej generacji. Chcesz je wypróbować? Zacznij od przewodnika Wypróbuj LitElement 📝

Zaufana aktywność w internecie

Wraz z wydaniem Chrome 72 na rynek trafiła funkcja zaufanej aktywności w internecie (Trusted Web Activity, TWA). TWAs umożliwia korzystanie z Chrome na pełnym ekranie w ramach aktywności na Androidzie, co oznacza, że możesz w łatwy sposób dodawać treści z Internetu do aplikacji. 📱 Zapoznaj się z tym przewodnikiem lub przeczytaj, jak @svenbudak opublikował swoją PWA w Sklepie Google Play.

Co będzie dalej

Wraz z wydaniem stabilnej wersji Chrome 73 (12 marca) mamy dla Was wiele ciekawych funkcji.

V8 – silnik JavaScriptu w Chrome został zaktualizowany, Object.fromEntries i String.prototype.matchAll. Sprawdź informacje o wersji V8.

Czy pracujesz z dźwiękiem i obrazem w internecie? Udostępniliśmy obsługę kluczy mediów sprzętowych, a opcja „Pomiń reklamę” w oknie Picture-in-Picture jest teraz dostępna w wersji próbnej. Więcej informacji znajdziesz w artykule Aktualizacje dotyczące dźwięku i obrazu w Chrome 73.

A gdy mowa o testach wersji natywnej, przygotuj się na wprowadzenie funkcji Fetch Priority. Dzięki Fetch Priority deweloperzy mogą określić znaczenie elementów <script>, <img> i <link>, aby poinformować przeglądarkę, jak je wczytać. To funkcja eksperymentalna, więc wypróbuj ją i prześlij opinię.

Wydajność renderowania jest dla nas zawsze priorytetem. W Chrome 73 odbiorniki wheel i mousewheel zarejestrowane na elementach docelowych poziomu okna (window, document lub body) będą domyślnie biernymi odbiornikami, zapewniając szybkie przewijanie za pomocą kółka myszy.

Wraz z nowymi funkcjami żegnamy się z tymi, które odchodzą do lamusa. Sprawdź, które funkcje są wycofywane i usuwane w Chrome 73.

Nowa wersja

Oto kilka innych funkcji, nad którymi pracowaliśmy i które trafią do przeglądarki.

Aby zapobiegać atakom typu cross-site scripting, opracowujemy nowy interfejs API o nazwie Trusted Types. Włączenie obsługi zaufanych typów (za pomocą Content Security Policy) uniemożliwi wstrzyknięcie kodu do dokumentu DOM. Pracujemy nad udostępnieniem większej liczby przykładów kodu i instrukcji, ale już teraz możesz dowiedzieć się więcej o typach zaufanych i spróbować ich użyć.

Korzystanie z przycisków wstecz i do przodu w Chrome może wkrótce stać się bardzo szybkie! Testujemy nową pamięć podręczną wstecz/w przód, aby przechowywać w pamięci strony, z których użytkownik się wylogował. W tym poście znajdziesz opis i prototyp bfcache.

Na koniec Intersection observer v2 wprowadza zagadnienie śledzenia rzeczywistej „widoczności” celu.

Co testujemy

Na funkcjach przeglądarki nie kończy się nasza praca. Zajmujemy się też wydajnością aplikacji internetowych, tworzymy aplikacje internetowe i myślimy o różnych sposobach pomocy deweloperom stron internetowych na całym świecie. Oto niektóre z rzeczy, nad którymi pracowaliśmy w tym miesiącu.

Nowe filmy i podcasty

Martin rozpoczyna nowy cykl o nazwie SEO JavaScriptu. Pierwszy odcinek dotyczy indeksowania witryn JavaScript przez wyszukiwarkę Google. Meggin przedstawił niedawno na spotkaniu swoje przemyślenia na temat projektu web.dev. Jake i Surma wracają z nowym odcinkiem podcastu HTTP203, w którym omawiają eksperyment dotyczący obracania obrazów.

Regularnie publikujemy też programy takie jak „Nowości w Chrome”, „Co nowego w DevTools” i „Stan Internetu” na naszym kanale w YouTube.

Specjalne pozdrowienie

Czy widzieliście przykłady korzystania z Puppeteer? Być może widzieliście go w zeszłym roku w tłumaczeniu tweeta Erica Bidelmana "📯12 dni Puppeteer 🤹🏻‍♂️🎁". To niesamowita kolekcja przykładowych fragmentów kodu Puppeteer, które pozwolą Ci kreatywnie wykorzystać możliwości przeglądarki. Koniecznie je sprawdź.

(Życzymy powodzenia w nowej pracy, Ericu!) Będziemy za Tobą tęsknić.

Podsumowanie

Jak podobało Ci się pierwsze podsumowanie miesiąca? Jeśli Ci się podobało lub masz pomysły na ulepszenie, daj mi znać na Twitterze @kosamari. ✅

Jeśli udało Ci się stworzyć coś nowego, korzystając z funkcji opisanych w tym artykule, lub wprowadzić zmiany w kodzie źródłowym na podstawie naszych artykułów, daj nam znać na koncie @ChromiumDev.

W marcu kilku z nas wybiera się do Indii, aby dowiedzieć się więcej o korzystaniu z internetu mobilnego w tym kraju. ✈️ Z niecierpliwością czekamy na to, co tam odkryjemy.

Do zobaczenia w przyszłym miesiącu👋