Nowości w Chrome 58

Pete LePage

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

Nazywam się Pete LePage. Przyjrzyjmy się, co nowego dla deweloperów w Chrome 58.

IndexedDB 2.0

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

  • Nazwy sklepów object i indexes można teraz zmieniać po refaktoryzacji.
  • Klucze binarne pozwalają na używanie bardziej naturalnych kluczy bez obaw o kary za wydajność.
  • Pobieranie danych jest łatwiejsze dzięki metodom getKey(), openKeyCursor() i continuePrimaryKey().

Z kolei przy zbiorczym przywracaniu całych zbiorów danych nie jest już potrzebny kursor z getAll() i getAllKey().

Pełnoekranowe progresywne aplikacje internetowe

Gdy progresywne aplikacje internetowe są uruchamiane z ekranu głównego Androida, uruchamiają się w trybie samodzielnej aplikacji z ukrytym omniboksem. Pomaga to w zaangażowaniu użytkowników i pozwala na zwolnienie miejsca na ekranie na treści.

Jednak w przypadku gier, odtwarzaczy i innych treści multimedialnych, np. paski systemowe, nadal mogą rozpraszać uwagę i zajmować cenne piksele.

Dodając ustawienie display: fullscreen w manifeście aplikacji internetowej, sprawisz, że progresywna aplikacja internetowa będzie bardziej wciągająca.

Progresywna aplikacja internetowa uruchamiana z ekranu głównego (po lewej), na ekranie głównym w trybie standalone (na środku) i uruchamiana na ekranie głównym w trybie fullscreen (po prawej).

Gdy aplikacja jest uruchamiana z ekranu głównego, wszystkie elementy interfejsu mobilnego innych niż aplikacje są ukryte.

Ulepszenia elementów iframe w trybie piaskownicy

Chrome 58 obsługuje teraz nowe słowo kluczowe w trybie piaskownicy iframe allow-top-navigation-by-user-activation.

Po wywołaniu przez interakcję użytkownika słowo kluczowe umożliwia elementom iframe działającym w trybie piaskownicy możliwość poruszania się po stronie najwyższego poziomu, blokując przy tym automatyczne przekierowania.

…i wiele innych.

A oczywiście jest ich znacznie więcej.

  • Koniec z atakem clearfix. Zamiast ręcznie resetować wiele właściwości układu, np. float i czysty, możesz teraz dodać nowy kontekst formatowania blokowego za pomocą właściwości display: flow-root.
  • PointerEvents.getCoalescedEvents() umożliwia dostęp do wszystkich zdarzeń wejściowych od czasu ostatniego dostarczenia elementu PointerEvent. Idealne, gdy potrzebujesz dokładnej historii punktów przy rysowaniu aplikacji.
  • Z kolei Workers i SharedWorkers można teraz tworzyć za pomocą adresów URL data:, co zwiększa bezpieczeństwo programowania za pomocą Workers, ponieważ nadaje im nieprzejrzyste źródło.

To tylko kilka zmian, jakie pojawią się w Chrome 58 dla deweloperów.

Jeśli podobał Ci się ten film, obejrzyj nową serię filmów Projektant vs. deweloper, która próbuje rozwiązać problemy związane ze współpracą programistów i programistów.

Potem zasubskrybuj nasz kanał w YouTube, a za każdym razem, gdy opublikujemy nowy film, otrzymasz e-maila z powiadomieniem.

Nazywam się Pete LePage i jak tylko pojawi się Chrome 59, zajmę się tym, co nowego w Chrome.