Nowości w Chrome 58

Pete LePage

Chcesz zobaczyć pełną listę zmian? Sprawdź listę zmian w repozytorium źródłowym Chromium.

Mam na imię Pete LePage. Sprawdź, co nowego w Chrome 58 dla deweloperów.

IndexedDB 2.0

Struktura bazy danych witryny ma duży wpływ na wydajność i może być trudna do zmiany. IndexedDB 2.0 zmienia to.

  • Po przekształceniu można teraz zmienić nazwę object stores i indexes.
  • Klucze binarne umożliwiają tworzenie bardziej naturalnych kluczy bez obaw o obniżenie wydajności.
  • Pobieranie danych jest łatwiejsze dzięki metodom getKey(), openKeyCursor() i continuePrimaryKey().

Zbiorcze odzyskiwanie całych zbiorów danych nie wymaga już kursora z ustawieniami getAll() i getAllKey().

Progresywne aplikacje internetowe na pełnym ekranie

Progresywne aplikacje internetowe uruchamiane na ekranie głównym Androida uruchamiają się w trybie samodzielnej aplikacji, w którym nie jest widoczny omniboks. Dzięki temu użytkownicy będą mieli lepsze wrażenia, a na ekranie będzie więcej miejsca na treści.

Jednak w przypadku bardziej angażujących treści, takich jak gry, odtwarzacze wideo czy inne treści multimedialne, elementy interfejsu mobilnego, takie jak paski systemowe, mogą nadal rozpraszać i zajmować cenne piksele.

Teraz możesz sprawić, aby Twoja progresywna aplikacja internetowa była w pełni wciągająca, ustawiając wartość display: fullscreen w manifeście aplikacji internetowej.

PWA uruchomiona z ekranu głównego (po lewej), uruchomiona z ekranu głównego w trybie standalone (pośrodku) i uruchomiona z ekranu głównego w trybie fullscreen (po prawej).

Gdy aplikacja jest uruchamiana z ekranu głównego, wszystkie elementy interfejsu użytkownika, które nie należą do aplikacji, są ukryte.

Ulepszenia dotyczące elementów iframe w piaskownicy

Chrome 58 obsługuje teraz nowe słowo kluczowe piaskownicy iframeallow-top-navigation-by-user-activation.

Gdy to słowo kluczowe zostanie wywołane przez interakcję użytkownika, umożliwia ono otwieranie przez ramki iframe w piaskownicy strony najwyższego poziomu, a jednocześnie blokuje automatyczne przekierowania.

I wiele więcej!

I oczywiście jest tego znacznie więcej.

  • Pożegnaj się z hakowaniem clearfix. Zamiast ręcznego resetowania wielu właściwości układu, takich jak pozycjonowanie i czyszczenie, możesz teraz dodać nowy kontekst formatowania bloku za pomocą display: flow-root.
  • PointerEvents.getCoalescedEvents() zapewnia dostęp do wszystkich zdarzeń wejściowych od momentu wysłania ostatniego PointerEvent. Jest to idealne rozwiązanie, gdy potrzebujesz dokładnej historii punktów w przypadku takich aplikacji jak aplikacje do rysowania.
  • Teraz możesz tworzyć Workers i SharedWorkers za pomocą adresów URL data:, co zwiększa bezpieczeństwo tworzenia za pomocą Workers, ponieważ zapewnia nieprzezroczyste pochodzenie.

To tylko kilka z wielu zmian w Chrome 58 dla deweloperów.

Jeśli podobał Ci się ten film, obejrzyj serię Designer vs. Developer, w której omawiamy problemy, z którymi spotykają się projektanci i programiści podczas współpracy.

Następnie zasubskrybuj nasz kanał w YouTube, aby otrzymywać e-maile z powiadomieniami o każdym nowym filmie.

Nazywam się Pete LePage i zaraz po wydaniu Chrome 59 opowiem Ci, co nowego w Chrome.