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, które technicznie nazywamy właściwościami niestandardowymi, są niesamowite. Umożliwiają one definiowanie i używanie własnych 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 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 usługach niestandardowych dzięki nowemu interfejsowi API Houdini na stronie web.dev.

Nowsze skrypty service worker

Skrypty service workera importowane przez importScripts() są teraz sprawdzane bajt po bajcie. W przeszłości jedynym sposobem wymuszenia na zainstalowanym procesie workera usługi pobrania zmian w zaimportowanym 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 sprawdza aktualizację 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

Testy pochodzenia umożliwiają nam weryfikację funkcji eksperymentalnych i interfejsów API oraz 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 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

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 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.

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ć. 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

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 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. 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 nasz 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.