Nowości w Chrome 78

Pete LePage

Chrome 78 jest już w drodze!

Nazywam się Pete LePage i zapraszam na przegląd nowości w Chrome 78 dla deweloperów.

Interfejs API Właściwości i wartości usługi porównywania cen

Zmienne CSS, technicznie nazywane właściwościami niestandardowymi, są świetne. Pozwalają definiować i wykorzystywać własne właściwości w CSS. Jednak właściwości niestandardowe to nie tylko proste wyszukiwanie i zastępowanie.

html {
  --my-color: green;
}
.thing {
  color: var(--my-color);
}

Jeśli użyjesz zmiennej dla koloru, ale jako wartości przypiszesz adres URL, reguła zostanie po prostu pominięta. Dzięki interfejsowi API Właściwości i wartości CSS możesz zdefiniować typ oraz domyślną wartość zastępczą dla właściwości niestandardowych.

html {
  --my-color: url(‘not-a-color'); // Oops, not a color!
}
.thing {
  color: var(--my-color);
}

Rejestrowanie właściwości jest tak proste jak wywołanie funkcji window.CSS.registerProperty()i podanie nazwy właściwości, której typ definiujesz, czy ma być dziedziczona i jaka ma być jej wartość początkowa.

window.CSS.registerProperty({
  name: '--my-color',
  syntax: '<color>',
  inherits: false,
  initialValue: 'black',
});

Więcej informacji znajdziesz w artykule Więcej informacji o inteligentniejszych usługach niestandardowych dzięki nowemu interfejsowi API Houdini na stronie web.dev.

Nowsze skrypty service worker

W przypadku skryptów service workera importowanych przez importScripts() przeprowadzane są teraz kontrole bajt po bajcie. W przeszłości jedynym sposobem wymuszenia pobrania zmian przez zainstalowany skrypt service worker była zmiana jego adresu URL, zazwyczaj przez dodanie do adresu URL wartości semver lub haszu.

importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');

Od wersji 78 Chrome za każdym razem, gdy sprawdzana jest aktualizacja pliku wyższego poziomu dla service workera, sprawdza też, czy zmieniły się treści sprowadzonych skryptów. Jeśli tak, zostanie uruchomiony pełny przepływ aktualizacji pracownika usługi. Dzięki temu Chrome będzie zgodny ze specyfikacją i działać tak samo jak Firefox i Safari.

Jeff ma wszystkie szczegóły w Fresher service workers, domyślnie, w tym kilka ważnych informacji o tym, jak pamięć podręczna HTTP wpływa na cykl aktualizacji.

Nowe wersje próbne origin

Wersje próbne origin dają nam możliwość zweryfikowania funkcji eksperymentalnych i interfejsów API oraz przekazanie opinii na temat ich przydatności i skuteczności w szerszym wdrożeniu.

Funkcje eksperymentalne są zwykle dostępne tylko po włączeniu flagi, ale gdy oferujemy testowanie wersji źródłowej danej funkcji, możesz zarejestrować się w tym teście, aby włączyć tę funkcję dla wszystkich użytkowników w Twoim punkcie początkowym.

Udział w testach origin pozwala tworzyć wersje demonstracyjne i prototypy, które użytkownicy beta-testujący mogą wypróbować w trakcie okresu próbnego, bez konieczności ustawiania przez nich specjalnych flag w Chrome.

Więcej informacji o testach pochodzenia znajdziesz w przewodniku Origin Trials dla programistów stron internetowych. Listę aktywnych testów wersji źródłowej znajdziesz na stronie Testy wersji źródłowej Chrome.


Natywny system plików

Okres próbny origin interfejsu Native File System API rozpoczyna się w Chrome 78 i potrwa do wersji Chrome 80.

Interfejs Native File System API umożliwia deweloperom tworzenie wydajnych aplikacji internetowych, które współpracują z plikami na urządzeniu lokalnym użytkownika. Gdy użytkownik przyzna aplikacji internetowej dostęp, ten interfejs API pozwoli jej odczytywać lub zapisywać zmiany bezpośrednio w plikach i folderach na urządzeniu użytkownika.

Zapewniają mi wszystkie nowe możliwości – nie muszę już „przesyłać” ani „pobierać” plików, z którymi chcę pracować. W poście na temat natywnego systemu plików znajdziesz wszystkie szczegóły, w tym kod, wersję demonstracyjną i informacje o tym, jak dbamy o bezpieczeństwo użytkowników.

Odbiornik SMS-ów

Okres próbny interfejsu SMS Receiver API rozpoczyna się w Chrome 78 i zapewnia obsługę wersji 80.

Interfejs SMS Receiver API, który jest teraz dostępny w ramach wersji próbnej źródła, umożliwia Twojej aplikacji internetowej odbiór wiadomości SMS w specjalnym formacie dla źródła aplikacji. Dzięki temu możesz programowo pobierać hasło jednorazowe z SMS-a i łatwiej weryfikować numer telefonu użytkownika.

Eiji napisał artykuł Weryfikacja numerów telefonów w internecie za pomocą interfejsu SMS Receiver API, w którym znajdziesz wszystkie szczegóły i instrukcje rejestracji na okres próbny.

Chrome Dev Summit 2019

Pamiętaj, aby 11 i 12 listopada obejrzeć Chrome Dev Summit. Transmisja będzie transmitowana na żywo na kanale YouTube dla programistów Chrome.


Więcej informacji

Obejmuje to tylko niektóre najważniejsze informacje. Pod poniższymi linkami znajdziesz dodatkowe zmiany w Chrome 78.

Subskrybuj

Jeśli chcesz być na bieżąco z nowymi filmami, zasubskrybuj kanał w YouTube dla deweloperów Chrome. Otrzymasz wtedy e-maila z powiadomieniem, gdy opublikujemy nowy film, lub dodasz nasz kanał RSS do czytnika kanałów.

Nazywam się Pete LePage i zaraz po wydaniu Chrome 79 opowiem Ci, co nowego w Chrome.