Nowości w Chrome 78

Pete LePage

Chrome 78 jest już w drodze!

Nazywam się Pete LePage i zapraszam do obejrzenia nowości dla deweloperów w Chrome 78.

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

Zmienne CSS, które technicznie nazywamy właściwościami niestandardowymi, są niesamowite. Dzięki nim możesz definiować i wykorzystywać własne właściwości w usłudze porównywania cen. 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 i wartość domyślną 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 właściwościach 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 bit po bicie. W przeszłości jedynym sposobem wymuszenia na zainstalowanym procesie workera usługi pobrania zmian w importowanym skrypcie było zmodyfikowanie adresu URL skryptu, zwykle przez dodanie wartości semver lub hasha w adresie URL.

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 service workera najwyższego poziomu, 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 bufor HTTP wpływa na cykl aktualizacji.

Nowe wersje próbne origin

Testy wersji źródłowej umożliwiają nam weryfikację funkcji eksperymentalnych i interfejsów API, a także pozwalają Ci przekazać opinię na temat ich użyteczności i skuteczności w przypadku szerszego wdrożenia.

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.

Włączenie wersji próbnej pochodzenia umożliwia tworzenie wersji demonstracyjnych i prototypów, które użytkownicy testujący wersję beta mogą wypróbować przez cały okres próbny bez konieczności włączania specjalnych flag w Chrome.

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


Natywny system plików

Testowanie origin interfejsu Native File System API rozpocznie się w Chrome 78 i będzie trwać do Chrome 80.

Interfejs Native File System API umożliwia deweloperom tworzenie zaawansowanych 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.

Jestem bardzo podekscytowany nowymi możliwościami, jakie to umożliwi. Nie muszę już „przesyłać” ani „pobierać” plików, z którymi chcę pracować. Więcej informacji, w tym kod, wersję demonstracyjną i opis tego, jak dbamy o bezpieczeństwo użytkowników, znajdziesz w moim poście na temat natywnego systemu plików.

Odbiornik SMS-ów

Testowanie origin interfejsu SMS Receiver API rozpocznie się w Chrome 78 i ma potrwać do Chrome 80.

Interfejs SMS Receiver API, który jest teraz dostępny w ramach wersji próbnej origin, umożliwia Twojej aplikacji internetowej odbiór SMS-ów 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 w celu przetestowania wersji próbnej.

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

Dotyczy to tylko niektórych kluczowych informacji. Aby dowiedzieć się więcej o dodatkowych zmianach w Chrome 78, kliknij linki poniżej.

Subskrybuj

Jeśli chcesz być na bieżąco z naszych filmów, 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 jak tylko pojawi się nowa wersja Chrome 79, opowiem Ci, co nowego w Chrome.