Chrome 89 jest już wprowadzana na kanał stabilny.
Oto, co musisz wiedzieć na ten temat:
- WebHID, WebNFC i Web Serial zostały wycofane z testów wersji źródłowej i są teraz dostępne w wersji stabilnej.
- Zamykamy lukę, której niektórzy deweloperzy używali do obchodzenia sprawdzeń możliwości zainstalowania PWA.
- Ustawienia „Udział w wyświetleniach” i „Docelowy udział w wyświetleniach” są dostępne na komputerach.
- I wiele innych.
Nazywam się Pete LePage i pracuję z domu. Zobaczmy, co nowego w Chrome 89 dla deweloperów.
WebHID, WebNFC i Web Serial
Jestem bardzo podekscytowany WebHID, WebNFC i Web Serial. Umożliwiają one użytkownikom nowe scenariusze, które wcześniej nie były możliwe, ponieważ wymagały interakcji ze sprzętem rzeczywistym.
Umożliwiają twórcom łączenie się z ciekawymi urządzeniami i aplikacjami do rozmów wideo oraz używanie dedykowanych przycisków telefonicznych na specjalnych głośnikach. lub w innych przypadkach.
Korzystając z Web Serial i około 60 wierszy kodu, @AndreBan stworzył stronę, która może wchodzić w interakcje z replem MicroPython na Raspberry Pi Pico. Interfejs Web Serial jest też używany przez Espruino w ich internetowym środowisku IDE.
Podczas konferencji CDS 2019 François napisał zabawną grę typu memory przy użyciu Web NFC. Musisz kliknąć telefon na karcie po prawej stronie w prawidłowej kolejności.
A mój ulubiony, @bramus, połączył się przez WebHID ze StreamDeck, tworząc bęben Daft Punk. Jeśli nie masz urządzenia StreamDeck, obejrzyj film demonstracyjny w YouTube i zapoznaj się z kodem na GitHubie.
Niezależnie od tego, czy to Twoja witryna współpracuje z Twoim sprzętem, czy Twój sprzęt współpracuje z wiele witrynami, użytkownicy zyskują, ponieważ nie muszą instalować specjalnych sterowników ani oprogramowania.
Więcej informacji o niektórych urządzeniach, z którymi możesz się połączyć, znajdziesz na stronie web.dev/devices. Możesz też zapoznać się z poradnikami dotyczącymi korzystania z WebHID, WebNFC i Web Serial.
Zmiany kryteriów możliwości zainstalowania aplikacji PWA
Od samego początku jednym z kluczowych kryteriów instalacji progresywnej aplikacji internetowej jest obsługa offline. Podobnie jak w przypadku innych zainstalowanych aplikacji, użytkownicy oczekują, że aplikacja będzie działać niezawodnie. Powinna być szybka i nie powinna zawierać dinozaura offline.
Jeszcze w tym roku planujemy zlikwidować lukę, która pozwalała kilku witrynom na spełnienie kryteriów instalacji bez możliwości korzystania z aplikacji offline. Jeśli PWA jest już dostępne offline, nie musisz nic więcej robić. Nie musisz nic robić, ale jeśli nie masz jeszcze logo, to najwyższy czas je dodać.
Od wersji 89 Chrome, jeśli PWA nie zwraca prawidłowej odpowiedzi w trybie offline, zobaczysz ostrzeżenie w Narzędziach deweloperskich na karcie Problemy, a Lighthouse wskaże, że wystąpił problem. Egzekwowanie tych zasad rozpocznie się w Chrome 93 jeszcze w tym roku.
Możesz zdecydować, jakie funkcje offline chcesz udostępnić. W idealnej sytuacji warto przesłać jak najwięcej informacji o swoich doświadczeniach. Może to być jednak co najmniej zwykła strona zastępcza.
Więcej informacji o tej zmianie i jej przyczynach znajdziesz w artykule Udoskonalenie wykrywania obsługi aplikacji Progressive Web w trybie offline.
Jeśli nie wiesz, od czego zacząć, skorzystaj z Workboxa. Zawiera on zestaw bibliotek, które mogą służyć do tworzenia gotowych do wdrożenia usług w ramach PWA. Jeśli potrzebujesz prostej strony awaryjnej offline, w artykule Tworzenie strony awaryjnej offline znajdziesz cały potrzebny kod, który możesz skopiować i wkleić bezpośrednio w swojej witrynie.
Udostępnianie w internecie i docelowy odbiorcy udostępniania w internecie na komputerze
Jeśli Twoja witryna umożliwia użytkownikom tworzenie, edytowanie i używanie plików, używaj interfejsów Web Share API i Web Share Target API. Te interfejsy API są od jakiegoś czasu dostępne na urządzeniach mobilnych, ale teraz są obsługiwane w ChromeOS i Windows.
Udostępnianie przez przeglądarkę umożliwia użytkownikom wysyłanie plików lub danych do innych zainstalowanych aplikacji na urządzeniu, na przykład udostępnianie zdjęcia 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ć się jako docelowa aplikacja, która może udostępniać Ci pliki lub dane, użyj interfejsu Web Share Target API.
"share_target": {
"action": "/?share-target",
"method": "POST",
"enctype": "multipart/form-data",
"params": {
"files": [
{
"name": "file",
"accept": ["image/*"],
},
],
},
},
Aby zapoznać się z poradnikami wprowadzającymi, przeczytaj artykuły Integracja z interfejsem udostępniania systemu operacyjnego za pomocą interfejsu Web Share API i Odbieranie udostępnionych danych za pomocą interfejsu Web Share Target API.
I nie tylko
I oczywiście jest jeszcze wiele innych.
Chrome zezwala teraz na await najwyższego poziomu w modułach JavaScript.
Aby uniknąć nieporozumień, zaktualizowaliśmy ikonę widoczną w omniboksie w przypadku PWA z możliwością instalacji.
Jeśli korzystasz z Trusted Web Activity, aby udostępnić swoją PWA w Sklepie Google Play na ChromeOS, możesz zarejestrować się w ramach testowania origin interfejsu Digital Goods API.
Więcej informacji
Obejmuje to tylko niektóre najważniejsze informacje. Aby dowiedzieć się więcej o dodatkowych zmianach w Chrome 89, kliknij linki poniżej.
- Nowości w Narzędziach deweloperskich w Chrome (89)
- Funkcje wycofane i usunięte z Chrome 89
- Aktualizacje ChromeStatus.com dotyczące Chrome 88
- Nowości w JavaScript w Chrome 88
- Lista zmian w repozytorium kodu Chromium
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 jak tylko pojawi się nowa wersja Chrome 90, opowiem Ci, co nowego w tej przeglądarce.
Środki
Zdjęcia Raspberry Pi i Arduino wykonał Harrison Broadbent na Unsplash.