Zaczynamy wdrażać Chrome 89 w wersji stabilnej.
Oto, co musisz wiedzieć na ten temat:
- Usługi WebHID, WebNFC i Web Serial nie przeszły już testów origin i są teraz dostępne w wersji stabilnej.
- Zamykamy lukę u niektórych deweloperów, którzy omijali weryfikację możliwości instalacji PWA.
- Udostępnianie w internecie i Cel udostępniania w internecie są dostępne na komputerach.
- Jest ich wiele innych.
Jestem Pete LePage. Pracuję i nagrywam z domu. Przyjrzyjmy się nowościom dla programistów w Chrome 89.
WebHID, WebNFC i Web Serial
Bardzo podoba mi się WebHID, WebNFC i Web Serial. Otwierają użytkownikom nowe możliwości, które wcześniej nie były możliwe – mogą korzystać z rzeczywistego sprzętu.
Umożliwiają twórcom korzystanie z zabawnych, nietypowych urządzeń, aplikacji do rozmów wideo i wykorzystania specjalnych przycisków telefonu na specjalistycznych głośnikach. dowolnej liczbie innych zastosowań.
Korzystając z Web Serial i około 60 wierszy kodu, @AndreBan utworzył stronę, która może wchodzić w interakcje z mikrofonem REPL na Raspberry Pi Pico. Usługa Web Serial jest też używana przez Espruino w swoim internetowym IDE.
Na konferencji CDS 2019 Francois napisał zabawną grę przypominającą pamięć i korzystającą z technologii NFC. Konieczne było dotknięcie telefonu po prawej stronie karty we właściwej kolejności.
Mój ulubiony, @bramus, korzystał z WebHID do połączenia ze StreamDeckem, tworząc pad perkusyjny Daft Punk. Jeżeli nie masz StreamDeck, obejrzyj jego film demonstracyjny w YouTube i przeczytaj kod na GitHubie.
Niezależnie od tego, czy chodzi o witrynę, która korzysta ze sprzętu, czy o sprzęt obsługujący wiele witryn, użytkownicy wygrywają, bo nie muszą instalować specjalnych sterowników ani oprogramowania.
Więcej informacji o niektórych urządzeniach, z którymi można się łączyć, znajdziesz na stronie web.dev/devices. Możesz też zapoznać się z przewodnikami dla początkujących dotyczącymi WebHID, WebNFC i Web Serial.
Zmiany kryteriów możliwości zainstalowania PWA
Obsługa offline od samego początku stanowi kluczowy element kryteriów progresywnych aplikacji internetowych, który wpływa na możliwość instalowania aplikacji. Podobnie jak w przypadku innych zainstalowanych aplikacji, użytkownicy oczekują stabilnego działania. Powinno być szybkie i nigdy nie zobaczy dinozaura.
Jeszcze w tym roku zamierzamy usunąć lukę, która umożliwiła kilku witrynom spełnienie kryterium instalacji bez działania w trybie offline. Jeśli Twoja aplikacja PWA jest już dostępna w trybie offline, nie musisz nic robić. Nie musisz nic robić, ale jeśli nie jesteś, możesz to zrobić.
Jeśli od wersji Chrome 89 PWA nie będzie udzielać prawidłowej odpowiedzi w trybie offline, w Narzędziach deweloperskich na karcie Problemy pojawi się ostrzeżenie, a Lighthouse wskaże, że wystąpił problem. Zaczniemy egzekwować te zasady w Chrome 93 jeszcze w tym roku.
Możesz zdecydować, jakiego rodzaju treści offline chcesz oferować. Warto więc udostępnić jak najwięcej informacji. Może to jednak być przynajmniej strona zastępcza offline.
Więcej informacji na temat tej zmiany i powodów jej wprowadzenia znajdziesz w artykule Udoskonalanie wykrywania obsługi progresywnych aplikacji internetowych w trybie offline.
Jeśli nie wiesz, od czego zacząć, zapoznaj się z Workbox. Zawiera zestaw bibliotek, które mogą obsługiwać skrypt service worker gotowy do wykorzystania w środowisku produkcyjnym Twojej aplikacji PWA. W przypadku prostej strony zastępczej offline przeczytaj artykuł Tworzenie strony zastępczej offline, który zawiera cały potrzebny kod, który możesz skopiować i wkleić bezpośrednio w swojej witrynie.
Udostępnianie w internecie i miejsce docelowe udostępniania w internecie na komputerach
Jeśli Twoja witryna umożliwia użytkownikom tworzenie i edytowanie plików oraz interakcję z nimi, skorzystaj z interfejsów Web Share API i Web Share Target API. Te interfejsy API były od jakiegoś czasu dostępne na urządzeniach mobilnych, ale teraz są obsługiwane w systemach ChromeOS i Windows.
Udostępnianie w internecie umożliwia użytkownikom wysyłanie plików lub danych do innych aplikacji zainstalowanych na ich urządzeniach, np. udostępnianie zdjęć ze Zdjęć Google na Twitterze.
async function share(title, text, url) {
try {
await navigator.share({title, text, url});
return true;
} catch (ex) {
console.error('Share failed', ex);
return false;
}
}
Aby zarejestrować konto jako środowisko docelowe, dzięki któremu inne aplikacje będą mogły udostępniać Ci pliki lub dane, musisz użyć interfejsu Web Share Target API.
"share_target": {
"action": "/?share-target",
"method": "POST",
"enctype": "multipart/form-data",
"params": {
"files": [
{
"name": "file",
"accept": ["image/*"],
},
],
},
},
Przeczytaj instrukcje dotyczące integracji z interfejsem systemu operacyjnego do udostępniania za pomocą interfejsu Web Share API i Odbieranie udostępnionych danych za pomocą interfejsu Web Share Target API.
oraz inne informacje.
No i oczywiście jest ich jeszcze więcej.
Chrome zezwala teraz na await najwyższego poziomu w modułach JavaScript.
Aby nie wprowadzać użytkowników w błąd, zaktualizowaliśmy ikonę aplikacji PWA wyświetlanych w omniboksie.
Jeśli używasz zaufanej aktywności w internecie, aby udostępnić swoją aplikację PWA w Sklepie Play na ChromeOS, możesz zarejestrować się w programie testowania origin interfejsu Digital Goods API.
Więcej informacji
To tylko niektóre z najważniejszych kwestii. Kliknij poniższe linki, aby dowiedzieć się o dodatkowych zmianach w Chrome 89.
- Nowości w Narzędziach deweloperskich w Chrome (89)
- Wycofanie i usunięcie Chrome 89
- Aktualizacje ChromeStatus.com w Chrome 88
- Co nowego w JavaScript w Chrome 88
- Lista zmian repozytorium źródłowego Chromium
Subskrybuj
Jeśli chcesz być na bieżąco z naszymi filmami, zasubskrybuj kanał w YouTube dla deweloperów Chrome, aby otrzymywać e-maile z powiadomieniami o każdej publikacji nowego filmu.
Jestem Pete LePage i jak tylko pojawi się Chrome 90, będę do Ciebie mówić, co nowego w Chrome.
Środki
Zdjęcie Raspberry Pis i Arduino wykonane przez Harrison Broadbent w Unsplash