Nowości w Chrome 70

W Chrome 70 dodaliśmy obsługę tych funkcji:

A jest to wiele innych!

Nazywam się Pete LePage. Sprawdźmy, co nowego dla deweloperów w Chrome 70.

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

Progresywne aplikacje internetowe na komputery w systemach Windows i Linux

Użytkownicy mogą teraz instalować progresywne aplikacje internetowe na komputery w systemach Windows i Linux.

Po zainstalowaniu są one uruchamiane w menu Start i działają tak samo jak wszystkie inne zainstalowane aplikacje, bez paska adresu ani kart. Skrypty service worker działają szybko i niezawodnie, dzięki czemu interfejs okna aplikacji sprawia, że czują się one jak każda inna zainstalowana aplikacja.

Pierwsze kroki nie różnią się niczym od tego, co już robisz. Cała praca wykonana w przypadku dotychczasowej progresywnej aplikacji internetowej nadal ma zastosowanie. Jeśli Twoja aplikacja spełnia standardowe kryteria PWA, Chrome uruchomi zdarzenie beforeinstallprompt. Zapisz zdarzenie, a potem dodaj elementy interfejsu (np. przycisk instalacji aplikacji), aby poinformować użytkownika, że można zainstalować aplikację. Następnie, gdy użytkownik kliknie ten przycisk, wywołaj w zapisanym zdarzeniu funkcję prompt(). Następnie Chrome wyświetli monit. Po kliknięciu Dodaj Chrome doda Twoją PWA do menu Start i na pulpicie.

Szczegółowe informacje znajdziesz w moim poście PWA na komputery.

Credential Management API: dane uwierzytelniające klucza publicznego

Interfejs Credential Management API bardzo ułatwia logowanie się. Umożliwia witrynie interakcję z menedżerem danych logowania w przeglądarce lub usługami kont sfederowanych, takimi jak Google czy Facebook, w celu podpisywania.

Chrome 70 obsługuje trzeci typ danych logowania: dane logowania klucza publicznego, które umożliwiają aplikacjom internetowym tworzenie i używanie silnych, poświadczonych kryptograficznie danych logowania oraz ograniczonych do aplikacji danych logowania do silnego uwierzytelniania użytkowników.

Bardzo mi się to podoba, bo umożliwia witrynom używanie mojego odcisku palca do uwierzytelniania dwuskładnikowego. Zapewnia też jednak obsługę dodatkowych typów kluczy bezpieczeństwa i zwiększa bezpieczeństwo w internecie.

Więcej informacji znajdziesz w dokumentacji interfejsu API do zarządzania danymi logowania. Możesz też wypróbować wersję demonstracyjną WebAuthn i dowiedzieć się, jak zacząć z niej korzystać.

Nazwa: workers

Instancje robocze to prosty sposób na przeniesienie JavaScriptu z wątku głównego do tła. Ma to kluczowe znaczenie dla zapewnienia interaktywności witryny, ponieważ dzięki niemu wątek główny nie zostanie zablokowany podczas wykonywania kosztownych lub złożonych obliczeń JavaScript.

Bez WebWorkers

Wątek główny
Dużo intensywności kodu JavaScript jest uruchomionych, co powoduje powolne i niestabilne działanie.

Przy użyciu WebWorkers

Wątek główny
Brak intensywnych operacji JavaScriptu, co zapewnia szybkie i płynne działanie.
WebWorker
Dużo intensywnie uruchamianych jest JavaScript, nie ma jednak wpływu na wątek główny.

W Chrome 70 instancje robocze mają teraz atrybut name, który jest określany za pomocą opcjonalnego argumentu w konstruktorze.

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

Pozwala to rozróżniać dedykowane instancje robocze według atrybutu name, jeśli masz wiele instancji roboczych z tym samym adresem URL. Możesz też wydrukować nazwę w konsoli Narzędzi deweloperskich, co znacznie ułatwia określenie, którą instancję roboczą debugujesz.

Instancje robocze nadawania nazw są już dostępne w Firefoksie, Edge i Safari. Więcej informacji znajdziesz w dyskusji na GitHubie.

…i wiele innych.

To tylko niektóre ze zmian w Chrome 70 dla deweloperów, oczywiście jest ich znacznie więcej.

Zasubskrybuj

Jeśli chcesz być na bieżąco z naszymi filmami, zasubskrybuj kanał dla deweloperów Chrome w YouTube, a za każdym razem, gdy opublikujemy nowy film, otrzymasz e-maila z powiadomieniem.

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