Nowości w Chrome 58

Pete LePage

  • Standard IndexedDB 2.0 jest teraz w pełni obsługiwany w Chrome. Obejmuje on nowe metody zarządzania schematem, metody zbiorczego działania oraz bardziej ujednolicony sposób obsługi błędów.
  • Progresywne aplikacje internetowe stają się bardziej wciągające dzięki display: fullscreen.
  • allow-top-navigation-by-user-activation daje piaskownicy nowe możliwościiframes
  • To nie wszystko. Więcej

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 klawiszy 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 mobilnego, które nie należą do aplikacji, są ukryte.

Ulepszenia dotyczące 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. 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 źródło.

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, a otrzymasz e-maila z powiadomieniem, gdy opublikujemy nowy film.

Nazywam się Pete LePage i zaraz po wydaniu Chrome 59 opowiem Ci o nowościach w tej przeglądarce.