Nowości w Chrome 57

  • Chrome 57 dodaje obsługę display: grid – nowej specyfikacji układu siatki CSS.
  • Możesz teraz dostosowywać dane wejściowe użytkownika na ekranie blokady i powiadomieniach oraz reagować na nie, korzystając z nowego interfejsu Media Session API.
  • A jest ich jeszcze dużo i więcej!

Jestem Pete LePage. Przyjrzyjmy się, co nowego dla programistów w Chrome 57.

Układ siatki CSS

Flexbox to zaawansowane narzędzie do obsługi układu. Zapewnia możliwość realizacji wielu złożonych układów, ale umożliwia stosowanie układu tylko w jednym wymiarze. Chrome 57 obsługuje display: grid – nową specyfikację układu siatki CSS, która udostępnia nowe zaawansowane narzędzie do tworzenia dwuwymiarowych systemów układu opartego na siatce zoptymalizowanych pod kątem elastycznego projektowania interfejsu.

Elementy w siatce mogą rozciągać się na wiele kolumn lub wierszy. Regiony w siatce CSS można też nazwać, co ułatwia zrozumienie kodu układu.

Surma opublikowała na ten temat posta o aktualizacjach. Jeśli chcesz dowiedzieć się więcej, zajrzyj na stronę Rachela Andrew: GridByExample.com.

Interfejs Media Session API

Jedną z funkcji internetowych aplikacji do multimediów jest możliwość głębokiej integracji z podstawowymi funkcjami multimediów na urządzeniach mobilnych. W Chrome na Androida możesz teraz dostosować ekran blokady i powiadomienia o treściach multimedialnych, korzystając z nowego interfejsu Media Session API.

Udostępniając w przeglądarce metadane dotyczące odtwarzanych treści, możesz tworzyć rozbudowane komunikaty na ekranie blokady, które zawierają m.in. tytuł, wykonawcę, nazwę albumu czy grafikę. Możesz też nasłuchiwać działań użytkowników podejmowanych w powiadomieniu (takich jak przewijanie lub pomijanie) i odpowiadać na nie.

Jeśli chcesz szybko zacząć, Francois przygotował świetny post o aktualizacjach. Możesz też zajrzeć do oficjalnego repozytorium z przykładami sesji multimedialnych w Chrome na GitHubie.

…i wiele innych.

To jeszcze nie wszystko.

  • Wprowadziliśmy pewne ulepszenia w interfejsie Payment Request API.
  • Kolor kursora wprowadzania tekstu możesz określić za pomocą właściwości caret-color.
  • Efekty wizualne, takie jak kolor i styl linii, można określać za pomocą nowych właściwości text-decoration.
  • Klasa odpowiedzi Fetch API obsługuje teraz atrybut .redirected, co pomaga unikać niewiarygodnych odpowiedzi i zmniejszyć ryzyko otwartych przekierowań.
  • Wszystkie aliasy globalne IndexedDB z prefiksem -webkit- zostały usunięte po ich wycofaniu w wersji M38.
  • I jedno z moich ulubionych – nowe metody formatowania padStart i padEnd, które upraszczają dopełnianie ciągu znaków podczas wyrównywania danych wyjściowych w konsoli lub drukowania liczb ze stałą liczbą cyfr.

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

Niech będzie Igalia

Na koniec dziękujemy inżynierom i zespołowi Igalia za ich wspaniałą pracę w aplikacji Blink. Odegrali ważną rolę w wprowadzeniu nowej siatki CSS i funkcji caret-color.

Bądź na bieżąco

Jeśli chcesz być na bieżąco z Chrome i nadchodzącymi nowościami, zasubskrybuj nasz kanał lub obserwuj @ChromiumDev na Twitterze. Obejrzyj filmy z Chrome Dev Summit, aby dowiedzieć się więcej o tym, nad czym pracuje zespół Chrome.

Nazywam się Pete LePage i jak tylko pojawi się Chrome 58, chętnie opowiem Ci o nowościach w Chrome.