Nowości w Chrome 70

Pete LePage

W Chrome 70 dodaliśmy obsługę:

A to nie wszystko – to tylko część.

Mam na imię Pete LePage. Zobacz, co nowego w Chrome 70 dla deweloperów.

Chcesz zobaczyć pełną listę zmian? Sprawdź listę zmian w repozytorium źródłowym Chromium.

Progresywne aplikacje internetowe na komputery w systemach Windows i Linux

Użytkownicy mogą teraz instalować progresywne aplikacje internetowe na komputery z systemem Windows i Linux

Po zainstalowaniu można je uruchamiać z menu Start i działają tak samo jak inne zainstalowane aplikacje, bez paska adresu ani kart. Skrypt service worker zapewnia szybkość i stabilność, a okno aplikacji sprawia, że skrypt działa jak każda inna zainstalowana aplikacja.

Rozpoczęcie korzystania z tej funkcji nie różni się niczym od tego, co robisz już teraz. Wszystkie zmiany wprowadzone w progresywnej aplikacji internetowej są nadal aktualne. Jeśli Twoja aplikacja spełnia standardowe kryteria dotyczące progresywnych aplikacji internetowych, Chrome wywoła zdarzenie beforeinstallprompt. Zapisz zdarzenie, a potem dodaj element interfejsu użytkownika (np. przycisk instalowania aplikacji), aby poinformować użytkownika, że może zainstalować aplikację. Następnie, gdy użytkownik kliknie przycisk, wywołaj funkcję prompt() w zapisanym zdarzeniu. Chrome wyświetli użytkownikowi odpowiedni komunikat. Jeśli klikną Dodaj, Chrome doda PWA do menu Start i pulpitu.

Więcej informacji znajdziesz w artykule PWA na komputer.

Credential Management API: dane uwierzytelniające klucza publicznego

Interfejs Credential Management API ułatwia użytkownikom logowanie. Umożliwia ona Twojej witrynie interakcję z menedżerem danych logowania przeglądarki lub usługami kont federacyjnych, takimi jak Google czy Facebook.

Chrome 70 obsługuje trzeci typ danych logowania: klucz publiczny, który umożliwia aplikacjom internetowym tworzenie i używanie silnych danych logowania z mocnym uwierzytelnianiem kryptograficznym i ograniczonym do aplikacji.

Jestem bardzo podekscytowany, ponieważ pozwala to witrynom na używanie mojego odcisku palca do uwierzytelniania dwuskładnikowego. Dodano też obsługę dodatkowych typów kluczy bezpieczeństwa i zwiększono bezpieczeństwo w internecie.

Więcej informacji znajdziesz w dokumentacji interfejsu Credential Management API. Możesz też wypróbować demo WebAuthn, aby dowiedzieć się, jak zacząć.

Nazwano workers

Instancje robocze to łatwy sposób na przeniesienie kodu JavaScript z głównego wątku do wątku uruchamianego w tle. Jest to kluczowe dla zachowania interaktywności witryny, ponieważ oznacza, że główny wątek nie będzie się blokować podczas wykonywania kosztownej lub złożonej obliczenia JavaScript.

Bez WebWorkerów

Główny wątek
Duża liczba ciężkich skryptów JavaScriptu, co powoduje spowolnienie i niestabilność.

Za pomocą WebWorkers

Główny wątek
Brak intensywnego działania JavaScriptu, co zapewnia szybkie i płynne działanie.
WebWorker
Dużo intensywnie działającego kodu JavaScriptu, który nie wpływa na wątek główny.

W Chrome 70 zadania mają teraz atrybuty name, które są określane przez opcjonalny argument konstruktora.

const url = '/scripts/my-worker.js';
const wNYC = new Worker(url, {name: 'NewYork'});
const oSF = {name: 'SanFrancisco'};
const wSF = new Worker(url, oSF);

Dzięki temu możesz odróżnić dedykowanych pracowników za pomocą parametru name, jeśli masz wielu pracowników z tym samym adresem URL. Możesz też wydrukować nazwę w konsoli DevTools, co znacznie ułatwia określenie, którego pracownika debugujesz.

Nazywanie pracowników jest już dostępne w przeglądarkach Firefox, Edge i Safari. Więcej informacji znajdziesz w dyskusji na GitHubie.

I inne funkcje

To tylko kilka z wielu zmian w Chrome 70 dla deweloperów.

Subskrybuj

Jeśli chcesz być na bieżąco z naszych filmów, zasubskrybuj kanał YouTube dla programistów Chrome. Otrzymasz wtedy e-maila z powiadomieniem, gdy opublikujemy nowy film.

Nazywam się Pete LePage i zaraz po wydaniu Chrome 71 opowiem Ci, co nowego w tej wersji przeglądarki.