Nowości w Chrome 78

Wdrażamy Chrome 78!

Jestem Pete LePage. Przyjrzyjmy się, co nowego dla programistów w Chrome 78.

Interfejs API właściwości i wartości CSS

Zmienne CSS, czyli techniczne właściwości niestandardowe, są niesamowite. Umożliwiają definiowanie i używanie własnych właściwości w całym kodzie CSS. Właściwości niestandardowe to jednak tylko proste wyszukiwanie i zastępowanie.

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

Jeśli dla koloru używasz zmiennej, ale jako wartość przypiszesz adres URL, reguła zostanie po prostu odrzucona. Za pomocą interfejsu API właściwości i wartości CSS możesz zdefiniować typ i domyślną wartość zastępczą właściwości niestandardowych.

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

Aby zarejestrować właściwość, wystarczy wywołać funkcję window.CSS.registerProperty() i podać nazwę określającą typ właściwości, czy ma ona dziedziczyć wartość oraz podać jej wartość początkową.

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

Szczegółowe informacje znajdziesz w artykule Sama Richarda na temat inteligentnych właściwości niestandardowych dzięki nowemu interfejsowi API firmy Houdini na stronie web.dev.

Nowsze mechanizmy Service Worker

W przypadku skryptów skryptu service worker zaimportowanych przez użytkownika importScripts() przeprowadzana jest teraz kontrola bajtów na bajt. W przeszłości jedynym sposobem zmuszenia zainstalowanego skryptu service worker do pobrania zmian w zaimportowanym skrypcie była zmiana adresu URL zaimportowanego skryptu, zwykle poprzez dodanie do adresu URL wartości semver lub skrótu.

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

Od wersji Chrome 78 przy każdym sprawdzaniu dostępności aktualizacji pliku skryptu service worker najwyższego poziomu Chrome sprawdza też, czy treść zaimportowanych skryptów uległa zmianie. Jeśli tak, aktywuje proces aktualizacji instancji roboczej pełnej wersji. Dzięki temu przeglądarka Chrome staje się zgodna ze specyfikacją i działa w Firefoksie i Safari.

Jacek ma domyślnie wszystkie informacje w sekcji Fresher service worker, w tym kilka ważnych informacji o wpływie pamięci podręcznej HTTP na cykl aktualizacji.

Nowe testy origin

Testowanie origin pozwala nam weryfikować eksperymentalne funkcje i interfejsy API oraz przekazywać opinie na temat ich użyteczności i skuteczności przy szerszym wdrażaniu.

Funkcje eksperymentalne są zwykle dostępne tylko po oznaczeniu flagą, ale gdy zaoferujemy daną funkcję w wersji próbnej origin, możesz zarejestrować się w wersji próbnej origin, aby włączyć ją dla wszystkich użytkowników w pierwotnej lokalizacji.

Zgoda na testowanie origin pozwala tworzyć wersje demonstracyjne i prototypy, które użytkownicy testujący wersję beta mogą wypróbować przez cały czas trwania tego testu bez konieczności odwracania specjalnych flag w Chrome.

Więcej informacji na temat testowania origin znajdziesz w przewodniku po testowania wersji origin dla deweloperów witryn. Listę aktywnych wersji próbnych źródła możesz wyświetlić i zarejestrować się na stronie Wersje próbne źródła Chrome.


Natywny system plików

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

Interfejs Native File System API umożliwia programistom tworzenie zaawansowanych aplikacji internetowych, które współdziałają z plikami na lokalnym urządzeniu użytkownika. Gdy użytkownik przyzna dostęp aplikacji internetowej, ten interfejs API umożliwia aplikacjom internetowym odczytywanie lub zapisywanie zmian bezpośrednio w plikach i folderach na urządzeniu użytkownika.

Jestem bardzo podekscytowany nowymi możliwościami, jakie to daje, bo nie muszę już „przesyłać” ani „pobierać” plików, z którymi chcę pracować. Przeczytaj mój post o natywnym systemie plików, w którym znajdziesz wszystkie szczegóły, w tym kod, wersję demonstracyjną oraz nasze działania, by zapewnić użytkownikom bezpieczeństwo.

Odbiornik SMS

Okres próbny origin interfejsu SMS pickupr API rozpoczyna się w Chrome 78 i ma trwać do wersji 80.

Interfejs API Odbiorca SMS-ów, teraz dostępny w ramach wersji próbnej origin, pozwala aplikacji internetowej otrzymywać specjalnie sformatowane SMS-y z pochodzącego z niej źródła. W ten sposób możesz automatycznie otrzymać hasło jednorazowe z SMS-a i łatwiej zweryfikować numer telefonu użytkownika.

Eiji napisał Weryfikowanie numerów telefonów w internecie przy użyciu interfejsu SMS Received API, który zawiera wszystkie szczegóły oraz instrukcje, jak zarejestrować się w programie testowania origin.

Chrome Dev Summit 2019

Nie zapomnij obejrzeć Chrome Dev Summit, które odbędzie się 11 i 12 listopada na żywo na kanale Chrome Developers w YouTube.


Więcej informacji

Obejmuje to tylko niektóre z najważniejszych momentów. Poniżej znajdziesz dodatkowe informacje o zmianach w Chrome 78.

Zasubskrybuj

Jeśli chcesz być na bieżąco z naszymi filmami, zasubskrybuj kanał Chrome Developers w YouTube. Będziemy Ci przysyłać powiadomienia e-mail za każdym razem, gdy opublikujemy nowy film lub gdy dodamy nasz kanał RSS do czytnika kanałów.

Nazywam się Pete LePage i jak tylko pojawi się Chrome 79, zajmę się tym, co nowego w Chrome.