- Chrome 57 obsługuje nową wersję
display: gridSpecyfikacja układu siatki CSS. - Możesz teraz dostosowywać i reagować na działania użytkowników na ekranie blokady oraz za pomocą nowego interfejsu Media Session API.
- A to nie koniec!
Nazywam się Pete LePage. Porozmawiajmy o nowościach dla programistów w Chrome 57.
Układ siatki CSS
Flexbox to wszechstronne narzędzie do układania stron. Umożliwia tworzenie wielu złożonych układów,
ale obsługuje układ tylko
w jednym wymiarze. Chrome 57 obsługuje:
display: grid –
nową specyfikację układu siatki CSS,
Dodanie nowego zaawansowanego narzędzia do tworzenia dwuwymiarowego układu opartego na siatce
zoptymalizowanych pod kątem elastycznego projektowania interfejsu.
Elementy w siatce mogą obejmować wiele kolumn lub wierszy. Regiony w Siatka CSS można też nazwać, co ułatwia zrozumienie kodu układu.
Surma ma wpis o aktualizacjach a jeśli chcesz to dokładniej zbadać, Witryna Rachela Andrew: GridByExample.com.
Interfejs Media Session API
Jedną z brakujących funkcji internetowych aplikacji do multimediów jest możliwość głębokiej integracji z podstawowymi funkcjami multimedialnymi na urządzeniach mobilnych. W Chrome na Androida możesz teraz dostosować ekran blokady i powiadomienia z treściami multimedialnymi za pomocą nowego interfejsu Media Session API.
Poprzez podanie metadanych do przeglądarki na temat odtwarzanej treści, możesz utworzyć rozszerzony ekran blokady wiadomości zawierające takie informacje jak tytuł, wykonawca, nazwa albumu, grafiki. Możecie też posłuchać reagowanie na działania użytkownika dotyczące samego powiadomienia, np. przewinąć dalej lub pominąć.
Jeśli chcesz szybko zacząć, Francois oferuje świetne usługi Aktualizacje posta, lub zajrzyj do oficjalnego Repozytorium przykładowych sesji multimediów w Chrome w GitHubie.
I inne funkcje
A to nie koniec możliwości!
- Jest kilka ulepszenia do Payment Request API.
- Kolor kursora wprowadzania tekstu możesz określić za pomocą
caret-colorusłudze. - Efekty wizualne, takie jak kolor i styl linii, można określić za pomocą nowych
text-decorationusług. - interfejs Fetch API
Klasa odpowiedzi
obsługuje teraz
.redirectedaby uniknąć nierzetelnych odpowiedzi i zmniejszyć ryzyko otwartej lub przekierowania. - Wszystkie
-webkit-z prefiksem IndexedDB aliasy globalne zostały usunięte, po wycofanie ich w wersji M38. - To też jedna z moich ulubionych – nowa
padStartorazpadEndmetody formatowania, które upraszczają dopełnienie ciągów znaków przy wyrównywaniu danych wyjściowych konsoli lub drukowanie numerów ze stałą liczbą cyfr.
To tylko kilka zmian, jakie wprowadziliśmy w Chrome 57 dla deweloperów.
Daj znać Igalii
Na koniec dziękujemy inżynierom i zespołowi w firmie
Igalia za efekty pracy nad Blink. Ta
odegrały kluczową rolę w wprowadzeniu nowej siatki usług porównywania cen i funkcji caret-color.
Bądź na bieżąco
Jeśli chcesz być na bieżąco z nowościami w Chrome i wiedzieć o planowanych nowościach, zasubskrybuj nasz kanał lub obserwuj @ChromiumDev na Twitterze. Pamiętaj, aby zapoznać się z filmów z Chrome Dev Summit , aby dokładnie przyjrzeć się niektórym niesamowitym funkcjom, nad którymi pracuje zespół Chrome.
Jestem Pete LePage i gdy tylko Chrome 58 się ukaże, opowie o nowościach w Chrome.