- Teraz możesz tworzyć własne niestandardowe tagi HTML i użyteczne komponenty internetowe za pomocą elementów niestandardowych w wersji 1.
- Dzięki interfejsowi BroadcastChannel API łatwiej jest wysyłać wiadomości między otwartymi oknami lub kartami w ramach tego samego źródła.
- Ulepszony dostęp do multimediów na Androidzie oraz pobieranie z obcych serwerów są teraz dostępne w ramach próbnego dostępu do źródła.
Nazywam się Pete LePage i zaraz pokażę Ci, co nowego w Chrome 54 dla deweloperów.
Elementy niestandardowe w wersji 1
Skomplikowane interfejsy często wymagają dużej ilości kodu HTML. Większość języków pozwala deweloperom tworzyć własne komponenty na podstawie prymitywów językowych, aby ograniczyć nadmierną ilość kodu. Do tej pory tworzenie komponentów do wielokrotnego użytku w internecie było trudne.
Elementy niestandardowe umożliwiają tworzenie własnych niestandardowych tagów HTML oraz definiowanie interfejsu API i zachowania nowego elementu w JavaScript. W efekcie powstał sposób na tworzenie komponentów, które można wielokrotnie wykorzystywać i które są interoperacyjne w poszczególnych przeglądarkach.
Chrome 54 obsługuje najnowsze elementy niestandardowe zgodnie ze specyfikacją V1. Będzie ona nadal obsługiwać interfejs API V0, dopóki wystarczająca liczba użytkowników nie przejdzie na wersję V1.
Zapoznaj się z podstawowymi informacjami o elementach niestandardowych, aby dowiedzieć się, jak za ich pomocą tworzyć komponenty internetowe do wielokrotnego użytku na potrzeby witryny lub aplikacji.
Interfejs BroadcastChannel API
Użytkownicy komputerów mają często otwarte jednocześnie wiele okien lub kart, a niektóre witryny nawet zachęcają do takiego zachowania, np. edytory internetowe, które otwierają dokumenty na własnych kartach.
Komunikacja między tymi kartami może być utrudniona. Interfejs BroadcastChannel API to nowy interfejs API do przesyłania wiadomości typu jeden-do-wielu między oknami, kartami, iframe’ami, workerami sieciowymi i workerami usługowymi. Umożliwia skryptom tworzenie kanałów o nazwach, aby wysyłać wiadomości między kontekstami przeglądania tego samego źródła.
Inne zasoby BroadcastChannel
requestFullScreen
Multimedia stają się coraz ważniejszą częścią przeglądania.
Oprócz gestów użytkownika możesz teraz używać Element.requestFullScreen(), aby włączyć tryb pełnoekranowy po zmianie orientacji ekranu. Pozwala to tworzyć bogatsze treści multimedialne, które obejmują przełączanie na pełny ekran.
Pobieranie z zewnętrznych źródeł
Wyobraź sobie, że powszechnie używane źródło, takie jak dostawca interfejsu API, usługa czcionek internetowych lub inna usługa, ma możliwość wdrażania własnego skryptu service worker.
Zamiast zawsze korzystać z sieci, dostawca może zaimplementować własną niestandardową logikę sieciową i korzystać z jednego autorytatywnego wystąpienia pamięci podręcznej do przechowywania odpowiedzi.
Teraz, dzięki funkcji pobierania z innego źródła, która jest dostępna w Chrome 54 jako wersja próbna origin, jest to już możliwe. Sprawdź post Jeffreya, do którego link znajdziesz w komentarzach poniżej.
Zakończenie
To tylko kilka z wielu zmian w Chrome 54 dla deweloperów.
Więcej informacji oraz linki do dokumentacji i specyfikacji znajdziesz w opisie.
Nie zapomnij też wziąć udziału w konferencji Chrome Dev Summit, którą będziemy transmitować w YouTube 10 i 11 listopada.
Jeśli chcesz być na bieżąco z aktualnościami dotyczącymi Chrome i wiedzieć, co jest w planach, kliknij przycisk Subskrybuj.
Nazywam się Pete LePage i zaraz po wydaniu Chrome 55 będę tu, aby opowiedzieć Ci o nowościach w tej przeglądarce.