Nowości w Chrome 88

Pete LePage

Chrome 88 zaczyna być wdrażane jako stabilna wersja.

Oto, co musisz wiedzieć na ten temat:

Nazywam się Pete LePage i pracuję z domu. Zobaczmy, co nowego w Chrome 88 dla deweloperów.

(platforma) Manifest V3

Chrome 88 obsługuje teraz rozszerzenia utworzone za pomocą Manifest V3. Możesz je przesyłać do Chrome Web Store. Manifest V3 to nowa platforma rozszerzeń, która zapewnia domyślnie większą ochronę prywatności, wyższą wydajność i bezpieczniejsze działanie rozszerzeń Chrome.

Na przykład zakazuje ona używania kodu hostowanego z dalsza, co pomaga recenzentom Chrome Web Store lepiej zrozumieć, jakie zagrożenia niesie ze sobą rozszerzenie. Powinny one umożliwić szybsze aktualizowanie rozszerzeń.

Wprowadza ona skrypty service worker jako zamiennik stron w tle. Ponieważ service workery są w pamięci tylko wtedy, gdy jest to potrzebne, rozszerzenia będą zużywać mniej zasobów systemowych.

Aby zapewnić użytkownikom większą przejrzystość i kontrolę nad tym, jak rozszerzenia używają i udostępniają ich dane, w przyszłej wersji wprowadzimy nowy proces instalacji, który umożliwia użytkownikom odmowę udzielenia uprawnień do dostępu do danych wrażliwych w momencie instalacji.

Pełne informacje oraz instrukcje migracji obecnego rozszerzenia na Manifest V3 znajdziesz na stronie developer.chrome.com.


Właściwość CSS aspect-ratio

Zazwyczaj tylko niektóre elementy mają współczynnik proporcji, np. obrazy. Jeśli w przypadku takich obrazów określono tylko szerokość lub wysokość, drugi wymiar jest obliczany automatycznie na podstawie wewnętrznego formatu obrazu.

<!-- Height is auto-computed from width & aspect ratio -->
<img src="..." style="width: 800px;">

W Chrome 88 właściwość aspect-ratio umożliwia jawne określenie formatu obrazu, co umożliwia podobne działanie.

.square {
  aspect-ratio: 1 / 1;
}

Możesz też użyć stopniowego ulepszania, aby sprawdzić, czy przeglądarka obsługuje tę funkcję, i w razie potrzeby zastosować rozwiązanie zastępcze. Następnie możesz użyć nowego selektora CSS 4 not, aby zadbać o czystość kodu.

.square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 1 / 1) {
  .square {
    height: 4rem;
    width: 4rem;
  }
}

Dziękujemy Jen Simmons za zwrócenie uwagi na to, że ta funkcja jest obsługiwana w najnowszej wersji technicznej Safari, więc wkrótce powinna pojawić się w Safari. Aby zobaczyć, jak to działa, obejrzyj prezentację Una.

Silne ograniczanie połączonych liczników czasu JS

W Chrome 88 liczniki czasu JavaScripta w przypadku ukrytych stron będą w określonych warunkach mocno ograniczane. Pozwoli to zmniejszyć wykorzystanie procesora, a co za tym idzie – zużycie baterii. Są pewne przypadki, w których zachowanie się zmieni, ale zegary są często używane w miejscach, w których inny interfejs API byłby wydajniejszy i bardziej niezawodny.

To było dość skomplikowane i niejednoznaczne, więc zapoznaj się z artykułem Jake'a Wymuszanie ograniczeń na łańcuchowe liczniki czasu JS od wersji Chrome 88, aby poznać wszystkie szczegóły.

Płatności w Play w ramach zaufanej aktywności w internecie

Teraz możesz używać Płatności w Google Play w ramach zaufanej aktywności w internecie, aby sprzedawać produkty cyfrowe i subskrypcje za pomocą nowego interfejsu Digital Goods API. Jest ona dostępna jako wersja próbna origin w Chrome 88 na Androidzie. Planujemy udostępnić ją również w ChromeOS w kolejnych wersjach.

Po skonfigurowaniu kont zaktualizuj zaufane działania w internecie, aby włączyć płatności w Google Play, i utwórz swoje produkty cyfrowe w Konsoli Play. Następnie w PWA dodaj token okresu próbnego pochodzenia. Teraz możesz dodać kod, aby sprawdzić dotychczasowe zakupy, zapytać o dostępne zakupy i dokonać nowych zakupów.

// Get list of potential digital goods

const itemService =
  await window.getDigitalGoodsService("https://play.google.com/billing");

const details =
  await itemService.getDetails(['ripe_bananas', 'walnuts', 'pecans' ]);

Adriana i Andrej omawiają to bardziej szczegółowo w prezencie na Chrome Dev Summit Nowości w aplikacjach internetowych w Google Play. Możesz też zapoznać się z dokumentacją.

I nie tylko

I oczywiście jest tego znacznie więcej.

  • Aby dostosować się do zmiany w standardzie HTML, tagi kotwicy z atrybutem target="_blank" będą teraz domyślnie zawierać atrybut rel="noopener". Pomoże to zapobiec atakom polegającym na przechwytywaniu kart.
  • Większość systemów operacyjnych domyślnie włącza przyspieszenie myszy, ale może to być problemem w przypadku niektórych gier. W Chrome 88 interfejs Pointer Lock API umożliwia wyłączenie przyspieszania myszy. Oznacza to, że ten sam ruch fizyczny, wolny lub szybki, powoduje ten sam obrót, co zapewnia lepsze wrażenia z gry i większą dokładność.
  • Element addEventListener może teraz przyjmować opcjonalny sygnał anulowania. Wywołanie abort() powoduje usunięcie tego detektora zdarzeń, co ułatwia wyłączanie detektorów zdarzeń, gdy nie są już potrzebne.

Więcej informacji

Dotyczy to tylko niektórych kluczowych informacji. Aby dowiedzieć się więcej o dodatkowych zmianach w Chrome 88, kliknij linki poniżej.

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 89 opowiem Ci, co nowego w tej wersji przeglądarki.