Nowości w Chrome 58

Pete LePage

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

Nazywam się Pete LePage. Zobaczmy, co nowego dla programistów Chrome 58.

IndexedDB 2.0

Struktura bazy danych witryny ma duży wpływ na wydajność i może że trudno jest to zmienić. IndexedDB 2.0 to zmienia.

  • Możesz teraz zmienić nazwę sklepów object i indexes po refaktoryzacji.
  • Klucze binarne umożliwiają korzystanie z bardziej naturalnych kluczy bez martwienia się o wydajność kary.
  • Pobieranie danych jest łatwiejsze dzięki funkcjom getKey(), openKeyCursor() i continuePrimaryKey() metod.

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

Pełnoekranowe progresywne aplikacje internetowe

Gdy progresywne aplikacje internetowe uruchamiają się na ekranie głównym Androida, uruchamiają się w trybie podobnym do samodzielnej aplikacji, który ukrywa omniboks. To pomaga są atrakcyjne dla użytkowników i pozwalają zwolnić miejsce na treści.

Jeśli jednak chcemy robić jeszcze więcej, np. gry, odtwarzacze i odtwarzacze lub inne szczegółowe treści, elementy interfejsu mobilnego, takie jak paski systemowe, w dalszym ciągu nie rozpraszać uwagi użytkownika i zajmować cenne piksele.

Teraz możesz sprawić, że progresywna aplikacja internetowa stanie się jeszcze bardziej atrakcyjna, wybierając display: fullscreen w: manifest aplikacji internetowej.

Progresywna aplikacja internetowa została uruchomiona na ekranie głównym (po lewej stronie) i z poziomu ekranu głównego. w trybie standalone (w środku) i zostało uruchomione na ekranie głównym w Tryb fullscreen (po prawej).

Po uruchomieniu aplikacji z ekranu głównego interfejs wszystkich innych urządzeń mobilnych Elementy zostaną ukryte.

Ulepszenia elementów iframe w trybie piaskownicy

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

Po wywołaniu przez interakcję użytkownika słowo kluczowe nadaje elementom iframe znajdującym się w piaskownicy nawigacji po stronie najwyższego poziomu, a jednocześnie blokować automatyczne przekierowania.

I inne funkcje

Pamiętaj też, że nie ma tu czegoś więcej.

  • Koniec z hakowaniem clearfix. Zamiast ręcznie resetować z wieloma właściwościami układu, takimi jak float i Clear, możesz dodać nowy kontekstu formatowania blokowego za pomocą funkcji display: flow-root.
  • Funkcja PointerEvents.getCoalescedEvents() umożliwia dostęp do wszystkich zdarzeń wejściowych od ostatniego dostarczenia PointerEvent. Idealne, gdy potrzebują dokładnej historii punktów na przykład w aplikacjach do rysowania.
  • Dodatkowo adresy URL Workers i SharedWorkers można teraz tworzyć za pomocą data: adresów URL, Zapewnianie bezpieczeństwa programowania z użyciem Workers przez nadanie im nieprzejrzystego źródła.

To tylko kilka zmian, jakie wprowadziliśmy w Chrome 58 dla deweloperów.

Jeśli podobał Ci się ten film, zobacz Projektant a programista, nowej serii filmów, w której projektanci starają się sprostać wyzwaniom stojącym przed projektantami i współpracują.

Następnie zasubskrybuj nasz kanału w YouTube, otrzymasz powiadomienie e-mail o każdym nowym filmie.

Jestem Pete LePage i gdy tylko Chrome 59 się ukaże, opowie o nowościach w Chrome.