Nowości w Chrome 70

Pete LePage

W Chrome 70 dodaliśmy obsługę:

I wiele innych.

Mam na imię Pete LePage. Zobaczmy, co nowego dla programistów w Chrome 70.

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 nadal obowiązują. Jeśli Twoja aplikacja spełnia standardowe kryteria PWA, 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 wtedy 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 w przeglądarce 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ć demonstrację WebAuthn, aby dowiedzieć się, jak zacząć.

Nazwano workers

Skrypty robocze to prosty sposób na przeniesienie JavaScriptu z wątku głównego do tła. Ma to kluczowe znaczenie dla zachowania interaktywności witryny, ponieważ powoduje, że wątek główny nie blokuje się podczas wykonywania kosztownych lub złożonych obliczeń JavaScript.

Bez WebWorkerów

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

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 Narzędzi deweloperskich.

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 nasz kanał w YouTube dla deweloperów Chrome. Otrzymasz wtedy e-maila z powiadomieniem, gdy tylko opublikujemy nowy film.

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