Nieuw in Chroom 88

Pete LePage

Chrome 88 wordt nu uitgerold naar stabiele versie.

Dit is wat u moet weten:

  • U kunt nu extensies uploaden naar de Chrome Web Store met behulp van manifest V3 .
  • Met de CSS-eigenschap aspect-ratio kunt u eenvoudig de beeldverhouding van elk element instellen.
  • Chrome 88 zal onder bepaalde omstandigheden de gekoppelde JavaScript-timers voor verborgen pagina's sterk beperken .
  • U kunt nu Play Billing gebruiken in uw vertrouwde webactiviteit.
  • Alle video's van Chrome Dev Summit staan ​​online.
  • En er is nog veel meer .

Ik ben Pete LePage en ik werk en fotografeer vanuit huis. Laten we eens kijken wat er nieuw is voor ontwikkelaars in Chrome 88!

Manifest V3

Chrome 88 ondersteunt nu extensies die zijn gebouwd met Manifest V3 en u kunt deze uploaden naar de Chrome Web Store. Manifest V3 is een nieuw extensieplatform dat Chrome-extensies standaard veiliger, performanter en privacyvriendelijker maakt.

Het staat bijvoorbeeld extern gehoste code niet toe, waardoor reviewers in de Chrome Web Store beter kunnen begrijpen welke risico's een extensie met zich meebrengt. Bovendien zou het u in staat moeten stellen uw extensies sneller bij te werken.

Het introduceert service workers als vervanging voor achtergrondpagina's. Omdat service workers alleen in het geheugen aanwezig zijn wanneer nodig, gebruiken extensies minder systeembronnen.

Om gebruikers meer inzicht en controle te geven over hoe extensies hun gegevens gebruiken en delen, implementeren we in een toekomstige release een nieuwe installatieflow waarmee gebruikers gevoelige machtigingen kunnen blokkeren tijdens de installatie.

Kijk op developer.chrome.com voor alle details en hoe u uw huidige extensie naar Manifest V3 kunt migreren.


CSS aspect-ratio eigenschap

Normaal gesproken hebben slechts enkele elementen een beeldverhouding, bijvoorbeeld afbeeldingen. Als voor deze elementen alleen de breedte of de hoogte is opgegeven, wordt de rest automatisch berekend op basis van de intrinsieke beeldverhouding.

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

In Chrome 88 kunt u met de eigenschap aspect-ratio expliciet een beeldverhouding opgeven, wat vergelijkbaar gedrag mogelijk maakt.

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

Je kunt progressieve verbetering ook gebruiken om te controleren of het in de browser wordt ondersteund en indien nodig een fallback toepassen. Met de nieuwe CSS 4 not selector kun je je code vervolgens wat netter maken!

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

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

Dank aan Jen Simmons voor het melden dat dit wordt ondersteund in de nieuwste Safari Technical Preview, dus we zouden het binnenkort in Safari moeten zien! En bekijk Una's demo om het in actie te zien.

Zware beperking van gekoppelde JS-timers

Chrome 88 zal gekoppelde JavaScript-timers voor verborgen pagina's onder bepaalde omstandigheden sterk beperken. Dit vermindert het CPU-gebruik, wat ook het batterijverbruik vermindert. Er zijn enkele uitzonderingsgevallen waarin dit het gedrag verandert, maar timers worden vaak gebruikt wanneer een andere API efficiënter en betrouwbaarder zou zijn.

Dat was behoorlijk jargonrijk en een beetje dubbelzinnig, dus bekijk Jake's artikel Heavy throttling of chained JS timers beginning in Chrome 88 voor alle details.

Afspelen factureren in Trusted Web Activity

Je kunt Play Billing nu gebruiken in je vertrouwde webactiviteit om digitale producten en abonnementen te verkopen met de nieuwe Digital Goods API. Deze is beschikbaar als proefversie in Chrome 88 op Android en we verwachten dat de proefversie in de volgende release ook beschikbaar wordt voor ChromeOS.

Zodra je accounts zijn ingesteld, werk je je Trusted Web Activity bij om Play-facturering in te schakelen en maak je je digitale producten aan in de Play Developer Console. Voeg vervolgens je Origin Trial-token toe aan je PWA en je bent klaar om de code toe te voegen om te controleren op bestaande aankopen, te zoeken naar beschikbare aankopen en nieuwe aankopen te doen.

// 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 en Andre gaan dieper in op de details in hun Chrome Dev Summit-lezing - Wat is er nieuw voor web-apps in Play . U kunt ook de documentatie bekijken.

En meer

En er is natuurlijk nog veel meer.

  • Om te voldoen aan een wijziging in de HTML-standaard, zullen ankertags met target="_blank" nu standaard rel="noopener" impliceren. Dit helpt tab-napping-aanvallen te voorkomen.
  • De meeste besturingssystemen schakelen muisversnelling standaard in, maar dat kan voor sommige games een probleem zijn. In Chrome 88 kun je met de Pointer Lock API muisversnelling uitschakelen . Dat betekent dat dezelfde fysieke beweging, langzaam of snel, resulteert in dezelfde rotatie, wat zorgt voor een betere game-ervaring en hogere nauwkeurigheid.
  • En addEventListener accepteert nu een Abort Signal als optie . Door abort() aan te roepen, wordt die eventlistener verwijderd, waardoor eventlisteners eenvoudig kunnen worden afgesloten wanneer ze niet langer nodig zijn.

Verder lezen

Dit zijn slechts enkele van de belangrijkste hoogtepunten. Bekijk de onderstaande links voor aanvullende wijzigingen in Chrome 88.

Abonneren

Wilt u op de hoogte blijven van onze video's? Abonneer u dan op ons Chrome Developers YouTube-kanaal . U ontvangt dan een e-mailmelding wanneer we een nieuwe video lanceren.

Ik ben Pete LePage en zodra Chrome 89 uitkomt, vertel ik u wat er nieuw is in Chrome!