Witamy w pierwszej odsłonie comiesięcznego podsumowania z podsumowaniem tego, co dzieje się w zespole ekosystemu dla twórców stron internetowych✨
Nasz zespół inżynierów i dziennikarzy opracowuje artykuły i przykłady kodu, takie jak te podstawy pracy w witrynie oraz nasz nowy portal web.dev. Możesz też śledzić naszą pracę na kanale w YouTube. Pamiętaj też, by obserwować nas na @ChromiumDev :)
Luty to krótki miesiąc, ale na pewno nie brakuje nam treści. Zacznijmy od wielkich nowości od naszego zespołu.
Wydania
Workbox
Ciekawe, że już kilka dni temu opublikowano Workbox 4.0.🎉 Ta wersja zawiera nowe funkcje, takie jak workbox-window, i usprawnienia wielu dotychczasowych pakietów skrzynki roboczej. Jeśli używacie już pola pracy, zapoznaj się z przewodnikiem po migracji z wersji 3 do 4.
Zastanawiasz się, jak możesz wykorzystać Workbox w swoim istniejącym projekcie? Zapoznaj się z przewodnikiem, aby używać tych narzędzi w połączeniu z wybranymi przez siebie pakietami usług.
Nie wiesz, które okno zadań pomoże Ci rozwiązać? Obejrzyj wywiad z mechanizmami Service Worker w programie State of the Web.
lit-html i LitElement
Zespół projektu Polymer opracowuje stabilną wersję lit-html i LitElement – 2 bibliotek nowej generacji do tworzenia stron internetowych. Chcesz je wypróbować? Zacznij od przewodnika Wypróbuj LitElement 💌
Zaufane aktywności internetowe
Wraz z wprowadzeniem Chrome w wersji 72 weszła na rynek zaufana aktywność w internecie (TWA). Funkcja TWA umożliwia wyświetlanie Chrome w trybie pełnoekranowym w ramach aktywności na Androidzie. Dzięki temu możesz przenieść swoje treści z internetu do sfery aplikacji 📱 Przeczytaj ten przewodnik lub przeczytaj, jak @svenbudak umieścił swoją aplikację PWA w Sklepie Google Play.
Co dalej
Wkrótce (12 marca) pojawi się stabilna wersja Chrome 73, więc będziemy mieli do omówienia wiele ciekawych funkcji.
V8 – mechanizm JavaScript w Chrome ma kilka aktualizacji, w tym Object.fromEntries i String.prototype.matchAll. Sprawdź informacje o wersji 8.
Pracujesz nad dźwiękiem i obrazem w internecie? Dostępna jest obsługa sprzętowych klawiszy multimedialnych, a opcja „Pomiń reklamę” w oknie obrazu w obrazie jest teraz w fazie testowania origin. Więcej informacji znajdziesz w aktualizacjach dźwięku i obrazu w Chrome 73.
A skoro już mowa o testowaniu origin, to przygotuj się na priorytet pobierania dzięki priorytetowi pobierania. Deweloperzy mogą określić znaczenie elementu <script>, <img> lub <link>, by określić, jak przeglądarka ma je wczytać. Jest to wciąż funkcja eksperymentalna, więc ją wypróbuj
i prześlij opinię.
Wydajność renderowania zawsze jest naszym priorytetem. W Chrome 73 detektory wheel i mousewheel zarejestrowane na poziomie głównym (okno, dokument lub treść) są domyślnie detektorami pasywnymi i domyślnie zapewniają szybkie przewijanie kółkiem.
Musimy też pożegnać się z nowymi funkcjami. Sprawdź też wycofania i usunięcia w Chrome 73.
Nowe opracowanie
Oto kilka innych rzeczy, nad którymi pracowaliśmy, w Twojej okolicy.
Aby zapobiec atakim cross-site scripting, opracowujemy nowy interfejs API o nazwie Trusted Type (Zaufane typy). Wybór typu zaufanego (za pomocą Content Security Policy) zablokuje możliwość wstrzyknięcia DOM w dokumencie. Pracujemy nad udostępnieniem większej liczby przykładów kodu i przewodników na ten temat, a tymczasem poczytaj więcej o typach zaufanych typów, aby wypróbować tę funkcję.
Klikanie przycisku wstecz i do przodu w Chrome może już wkrótce działać naprawdę szybko. Badamy nową pamięć podręczną stanu strony internetowej, która będzie zapisywać strony w pamięci, gdy użytkownik opuści stronę. Przeczytaj wyjaśnienie i prototyp pamięci podręcznej stanu Bfcache w tym poście.
I wreszcie Intersectionsectionr 2 przedstawia koncepcję śledzenia rzeczywistej „widoczności” celu.
Nad czym kombinujemy
Nasza praca nie kończy się na funkcjach przeglądarki! Przyglądamy się też wydajności aplikacji internetowych, tworzymy je i rozważamy różne sposoby pomagania programistom na całym świecie. Oto kilka rzeczy, nad którymi pracowaliśmy w tym miesiącu.
- Renderowanie w internecie
- Priorytety wczytywania JavaScriptu w Chrome
- Nie zezwalaj na importowanie dużych importów z projektów JavaScript
- Cel udostępniania plików w internecie
- Zastępowanie gorącej ścieżki w kodzie JavaScript aplikacji funkcją WebAssembly
- Konstrukcjowe arkusze stylów: style wielokrotnego użytku
- Progresywne reakcje
- Problemy ze skutecznością witryny sklepowej
Nowe filmy i podcasty
Martin rozpoczyna nową serię zatytułowaną JavaScript SEO. W pierwszym odcinku dowiesz się, jak wyszukiwarka Google indeksuje witryny JavaScript. Niedawno Meggin przedstawiła na spotkaniu swoje przemyślenia na temat projektu web.dev. Jake i Surma powracają z nowym odcinkiem podcastu HTTP203 omawiającym eksperyment dotyczący rotacji obrazu.
Na naszym kanale w YouTube regularnie publikujemy filmy „Nowości w Chrome”, „Co nowego w narzędziach dla programistów” i „The State of the Web””.
Specjalne wzmianki
Poznajcie Przykładowe lalki. Być może widzieliście go w zeszłym roku na tweeta Erica Bidelmana „📯The 12 Days of Puppeteer 🤹🏻 ♂️🎁”. To niesamowita kolekcja przykładowych kodów Puppeteer, dzięki której możesz kreatywnie myśleć o możliwościach przeglądarki. Warto je wypróbować.
(Życzę swojego nowego przedsięwzięcia Ericowi! Będziemy za Tobą tęsknić.
Podsumowanie
Jak Ci się podobało pierwsze podsumowanie miesiąca? Jeśli Ci się spodobał lub masz pomysł, jak go ulepszyć, daj mi znać na Twitterze @kosamari ✅
Jeśli na podstawie naszych artykułów tworzysz nowe treści, korzystając z opisanych tu funkcji lub zmieniasz coś w swojej bazie kodu, powiadom nas o tym na @ChromiumDev.
W marcu część z nas wybrała się do Indii z nadzieją, że warto dowiedzieć się tam więcej o korzystaniu z internetu mobilnego ✈️ Z niecierpliwością czekamy na Wasze opinie.
Do zobaczenia w przyszłym miesiącu👋