W Chrome 75 dodaliśmy obsługę tych funkcji:
- Pojawił się nowy sposób skrócenia czasu oczekiwania na elementy
canvas
. - Aplikacje internetowe mogą teraz udostępniać pliki innym zainstalowanym aplikacjom za pomocą arkusza udostępniania na poziomie systemu.
- Literały liczbowe umożliwiają teraz użycie podkreśleń jako separatorów, aby były bardziej czytelne.
- Konferencja Google I/O 2019 dobiegła końca i wszystkie rozmowy znajdziesz na naszym kanale w YouTube.
Jestem Pete LePage. Przyjrzyjmy się, co nowego dla programistów w Chrome 75.
Historia zmian
To tylko niektóre z najważniejszych zmian. Aby poznać dodatkowe zmiany w Chrome 75, kliknij linki poniżej.
- Nowości w Narzędziach deweloperskich w Chrome (75)
- Wycofywanie i usuwanie Chrome 75
- Aktualizacje ChromeStatus.com dla Chrome 75
- Nowości w JavaScript w Chrome 75
- Lista zmian repozytorium źródłowego Chromium
Podpowiedź dotycząca kontekstów canvas
o krótkim czasie oczekiwania
Rysowanie na ekranie za pomocą elementu canvas wymaga synchronizacji aktualizacji grafiki z DOM. Ta synchronizacja może czasami powodować opóźnienia. Na przykład w aplikacjach do rysowania czasy oczekiwania dłuższe niż 50 milisekund mogą zakłócać koordynację oko-dłoń, utrudniając obsługę.
Podczas tworzenia kontekstu canvas
wskazówka desynchronized
używa innej ścieżki kodu, która omija zwykły mechanizm aktualizacji DOM. Wskazówka informuje system, że powinien pominąć jak najwięcej komponowania. W niektórych przypadkach bufor bazowy canvas
jest wysyłany bezpośrednio do kontrolera wyświetlacza ekranu. Eliminuje to opóźnienia, które byłyby spowodowane używaniem kolejki kompozytorów renderowania.
Korzystanie z dezsynchronizowanej podpowiedzi jest proste. Wystarczy, że dodasz desynchronized: true
do obiektu opcji podczas tworzenia obszaru roboczego.
const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);
Więcej informacji, w tym instrukcje wykrywania funkcji, znajdziesz w artykule Joego na temat renderowania z małym opóźnieniem przy użyciu podpowiedzi z desynchronizacją.
Udostępnianie plików za pomocą interfejsu Web Share API
Interfejs Web Share API umożliwia podłączenie usługi udostępniania udostępnianej przez system operacyjny, co ułatwia udostępnianie stron internetowych i aplikacji innym aplikacjom zainstalowanym na urządzeniu użytkownika.
W Chrome 75 interfejs Web Share API obsługuje teraz udostępnianie plików. Bardzo podoba mi się to, że ułatwia to aplikacjom udostępnianie zdjęć, filmów i innych danych. Squoosh dodaje obsługę tego typu udostępniania pliku po jego zakończeniu. Interfejs Web Share API obecnie obsługuje udostępnianie plików audio, obrazów, filmów i dokumentów tekstowych.
Najlepiej jest korzystać z wykrywania funkcji, aby sprawdzić, czy interfejs Web Share API jest obsługiwany, a w razie potrzeby wrócić do 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 navigator.canShare
zwraca wartość true
, możliwe jest udostępnianie tych plików, więc możesz wywołać navigator.share
i przekazać obiekt z tablicą plików, które chcesz udostępnić. Chrome otworzy systemowy arkusz udostępniania
i zobaczysz listę zainstalowanych aplikacji, którym możesz udostępnić 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
}
}
Szczegółowe informacje znajdziesz w prezentacji i artykule Udostępnianie plików w internecie.
Separatory liczbowe
Literały liczbowe dopuszczają teraz podkreślenia (_, U+005F) jako separatory, aby były bardziej czytelne. Na przykład pole 1_000_000_000
będzie interpretowane w operacjach matematycznych jako odpowiednik funkcji 1000000000
.
Znaki podkreślenia mogą występować tylko między cyframi, a następnie po sobie znaki podkreślenia są niedozwolone. Literały takie jak 3._14
, _2.71
lub 1.6__2
są nielegalne.
Google I/O 2019 to już koniec
Jeśli nie udało Ci się dotrzeć na konferencję I/O lub nie udało Ci się ich obejrzeć i nie udało Ci się obejrzeć wszystkich rozmów, wszystkie znajdziesz na kanale Chrome Developers w YouTube, na playliście Google I/O 2019.
- Razem z Tomem prezentowaliśmy artykuł „Wydobywanie nowych możliwości internetowych” obejmujący niesamowite nowe możliwości, które w tym roku wprowadzimy w przeglądarkach.
- W filmie „Speed at Scale” (Prędkość i skalowalność) Addy i Katie przedstawili kilka porad i wskazówek dotyczących skuteczności.
- Elizabeth i Paul odkryli świetne narzędzia deweloperskie w ramach „Demystifying Speed Tooling”.
- Z kolei w filmie „Build Fast and Smooth Web Apps from Feature Phone to Desktop” (Tworzenie szybkich i sprawnych aplikacji internetowych z telefonów z podstawową przeglądarką na komputer) Maria pokazała, jak wraz ze swoją załogą tworzy Proxx z myślą o działaniu na dowolnym urządzeniu – od telefonu z podstawową przeglądarką przez smartfon po komputer. Jeśli nie znasz jeszcze Proxx, ta gra to świetna zabawa ze zamiataczem gór.
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 76, zajmę się tym, co nowego w Chrome.
Twórcy zdjęć
- Szkicownik (autor: Balázs Kétyi) z kanału Unsplash