W Chrome 75 dodaliśmy obsługę:
- Istnieje nowy sposób zmniejszania opóźnień w przypadku elementów
canvas. - Aplikacje internetowe mogą teraz udostępniać pliki innym zainstalowanym aplikacjom za pomocą arkusza udostępniania na poziomie systemu.
- W literach liczbowych można teraz używać podkreśleń jako separatorów, aby zwiększyć ich czytelność.
- Konferencja Google I/O 2019 dobiegła końca, a wszystkie wykłady są dostępne na naszym kanale w YouTube.
Nazywam się Pete LePage i zapraszam do obejrzenia nowości w Chrome 75 dla deweloperów.
Historia zmian
To tylko niektóre z najważniejszych zmian. Aby poznać więcej szczegółów, kliknij linki poniżej.
- Nowości w Narzędziach deweloperskich w Chrome (75)
- Wycofanie i usunięcie zasad w Chrome 75
- Aktualizacje ChromeStatus.com dotyczące Chrome 75
- Nowości w JavaScript w Chrome 75
- Lista zmian w repozytorium kodu Chromium
Wskazówka dotycząca kontekstów canvas o niskim opóźnieniu
Rysowanie na ekranie za pomocą elementu canvas wymaga synchronizacji aktualizacji grafiki ze stroną DOM. Ta synchronizacja może czasami powodować opóźnienia. Na przykład w aplikacji do rysowania opóźnienia dłuższe niż 50 ms mogą zakłócać koordynację wzrokowo-ruchową, przez co korzystanie z aplikacji może być utrudnione.
Podczas tworzenia kontekstu canvas podpowiedź desynchronized używa innej ścieżki kodu, która omija zwykły mechanizm aktualizacji DOM. Wskazówka ta mówi systemowi, aby pomijał jak najwięcej operacji kompozytowania. W niektórych przypadkach bufor podrzędny canvas jest wysyłany bezpośrednio do kontrolera wyświetlacza. Pozwala to wyeliminować opóźnienia, które mogłyby wystąpić w przypadku użycia kolejki kompozytora.
Używanie podpowiedzi o zsynchronizowaniu jest proste. Wystarczy, że podczas tworzenia obszaru roboczego dodasz do obiektu opcji element desynchronized: true.
const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);
Więcej informacji, w tym o wykrywanie funkcji, znajdziesz w artykule Joe'a Renderowanie z niską latencją z użyciem wskazówki o desynchronizacji.
Udostępnianie plików za pomocą interfejsu Web Share API
Interfejs Web Share API umożliwia korzystanie z usługi udostępniania oferowanej przez system operacyjny, co ułatwia udostępnianie stron internetowych i aplikacji innym zainstalowanym aplikacjom na urządzeniu użytkownika.
W Chrome 75 interfejs Web Share API obsługuje udostępnianie plików. Jestem szczególnie podekscytowany, ponieważ znacznie ułatwia to aplikacjom udostępnianie zdjęć, filmów i innych treści. Squoosh dodaje obsługę udostępniania pliku po jego skompresowaniu. Interfejs Web Share API obsługuje obecnie udostępnianie plików audio, obrazów, filmów i dokumentów tekstowych.
Najlepiej użyć funkcji wykrywania, aby sprawdzić, czy interfejs Web Share API jest obsługiwany, a w przeciwnym razie użyć tradycyjnego mechanizmu. Możesz też użyć navigator.canShare, aby sprawdzić, czy udostępnianie plików jest obsługiwane.
const webShareAvailable = {
links: 'share' in navigator,
files: 'canShare' in navigator,
};
Jeśli funkcja navigator.canShare zwraca wartość true, oznacza to, że udostępnianie tych plików jest obsługiwane. Możesz więc wywołać funkcję navigator.share i przekazać obiekt z tablicą plików, które chcesz udostępnić. Chrome otworzy kartę udostępniania systemu i wyświetli listę zainstalowanych aplikacji, którym możesz udostępniać pliki.
if (webShareAvailable.files) {
const shareData = { files: filesArray };
if (navigator.canShare(shareData)) {
shareData.title = 'Squooshed files.';
navigator.share(shareData)
.then(...)
.catch(...);
} else {
// File sharing not supported
}
}
Aby uzyskać więcej informacji, wypróbuj demo i przeczytaj artykuł Udostępnianie plików za pomocą Web Share.
Separatory liczbowe
Wartości liczbowe mogą teraz używać znaków podkreślenia (_, U+005F) jako separatorów, aby były bardziej czytelne. Na przykład 1_000_000_000 będzie interpretowane przez operacje matematyczne jako równoważne 1000000000.
Podkreślenia mogą występować tylko między cyframi, a kolejne podkreślenia są niedozwolone. Dlatego literaly takie jak 3._14, _2.71 lub 1.6__2 są nielegalne.
Konferencja Google I/O 2019 właśnie się skończyła
Jeśli nie udało Ci się wziąć udziału w konferencji I/O lub nie udało Ci się obejrzeć wszystkich wystąpień, możesz je obejrzeć na kanale Chrome Developers w YouTube, w playlistzie Google I/O 2019.
- Razem z Tomem przedstawiliśmy temat „Nowe możliwości w internecie”, prezentując niektóre z niesamowitych nowych funkcji, które w tym roku pojawią się w przeglądarkach.
- Addy i Katie omówili kilka przydatnych wskazówek dotyczących wydajności w artykule „Szybkość na dużą skalę”.
- Elizabeth i Paul omówili kilka przydatnych narzędzi w filmie „Demystifying Speed Tooling”.
- W sekcji „Tworzenie szybkich i płynnych aplikacji internetowych na telefony z podstawową przeglądarką, smartfony i komputery” Mariko pokazała, jak ona i jej zespół stworzyli Proxx, aby działał na dowolnym urządzeniu, od telefonu z podstawową przeglądarką po smartfony i komputery. Jeśli nie znasz jeszcze gry Proxx, to świetny klon gry oczyszczanie pola.
Subskrybuj
Jeśli chcesz być na bieżąco z naszych filmów, zasubskrybuj nasz kanał w YouTube dla programistów Chrome. Otrzymasz wtedy e-maila z powiadomieniem, gdy opublikujemy nowy film.
Nazywam się Pete LePage i zaraz po wydaniu Chrome 76 opowiem Ci, co nowego w tej wersji przeglądarki.
Autorstwo obrazu
- Zdjęcie szkicowania autorstwa Balázs Kétyi z Unsplash