Nowości w Chrome 75

Pete LePage

W Chrome 75 dodaliśmy obsługę:

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 informacji. Pod poniższymi linkami znajdziesz dodatkowe informacje o zmianach w Chrome 75.

Wskazówka dotycząca kontekstów canvas o krótkim czasie oczekiwania

Rysowanie na ekranie za pomocą elementu canvas wymaga, aby strona synchronizowała aktualizacje grafiki z DOM. Ta synchronizacja może czasami powodować opóźnienia. Na przykład w aplikacji do rysowania opóźnienia dłuższe niż 50 milisekund mogą zakłócać koordynację dłoń-oko, co utrudnia ich obsługę.

Podczas tworzenia kontekstu canvas podpowiedź desynchronized używa innej ścieżki kodu, która omija zwykły mechanizm aktualizacji DOM. Ta podpowiedź informuje system, żeby pominąć jak najwięcej komponowania. W niektórych przypadkach bazowy bufor canvas jest wysyłany bezpośrednio do kontrolera ekranu ekranu. Eliminuje to opóźnienia, które mogłyby być powodowane przez używanie kolejki kompozytora renderowania.

Używanie podpowiedzi desynchronizacji jest proste – wystarczy dodać desynchronized: true do obiektu opcji podczas tworzenia obszaru roboczego.

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 wykorzystaniem wskazówki o zsynchronizowanym strumieniu.

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, dzięki czemu można łatwo udostępniać strony internetowe i aplikacje innym aplikacjom zainstalowanym 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ć wykrywania funkcji, 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.

Subskrybuj

Jeśli chcesz być na bieżąco z naszymi filmami, zasubskrybuj kanał YouTube dla deweloperów Chrome, a będziesz dostawać e-maila z powiadomieniem za każdym razem, 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