Deze pagina is vertaald door de Cloud Translation API.

Nieuw in Chroom 88

Pete LePage

Chrome 88 begint nu stabiel te worden.

Dit is wat u moet weten:

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

Ik ben Pete LePage , ik werk en fotografeer vanuit huis. Laten we erin duiken en 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 geen op afstand gehoste code toe, waardoor reviewers van de Chrome Web Store beter begrijpen welke risico's een extensie met zich meebrengt. En zou u in staat moeten stellen uw extensies sneller bij te werken.

Het introduceert servicemedewerkers als vervanging voor achtergrondpagina's. Omdat servicemedewerkers alleen in het geheugen aanwezig zijn als dat nodig is, zullen extensies minder systeembronnen gebruiken.

En om gebruikers meer zichtbaarheid en controle te geven over hoe extensies hun gegevens gebruiken en delen, zullen we in een toekomstige release een nieuwe installatiestroom implementeren waarmee gebruikers tijdens de installatie gevoelige machtigingen kunnen inhouden.

Ga naar developer.chrome.com voor volledige details en hoe u uw huidige extensie naar Manifest V3 kunt migreren.

Eigenschap CSS `aspect-ratio`

Normaal gesproken hebben slechts enkele elementen een beeldverhouding, bijvoorbeeld afbeeldingen. Voor hen wordt, als alleen de breedte of de hoogte wordt opgegeven, de andere 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 aspectverhouding opgeven, waardoor een soortgelijk gedrag mogelijk wordt.

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

U kunt ook progressieve verbetering gebruiken om te controleren of deze in de browser wordt ondersteund, en indien nodig een fallback toepassen. Vervolgens kunt u met de nieuwe CSS 4 not selector uw code een beetje schoner maken!

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

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

Met 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 hem in actie te zien.

Zware beperking van geketende JS-timers

Chrome 88 zal onder bepaalde omstandigheden gekoppelde JavaScript-timers voor verborgen pagina's zwaar beperken. Hierdoor wordt het CPU-gebruik verminderd, waardoor ook het batterijgebruik wordt verminderd. Er zijn enkele randgevallen waarin dit het gedrag zal veranderen, maar timers worden vaak gebruikt wanneer een andere API efficiënter en betrouwbaarder zou zijn.

Dat was behoorlijk veel jargon en een beetje dubbelzinnig, dus lees Jake's artikel Heavy throttling of chained JS timers beginnend in Chrome 88 voor alle details.

Speel facturering in Vertrouwde webactiviteit

U kunt nu Play Billing in uw vertrouwde webactiviteit gebruiken om digitale goederen en abonnementen te verkopen met behulp van de nieuwe Digital Goods API. Het is beschikbaar als origin-proefversie in Chrome 88 op Android, en we verwachten dat de origin-proefversie in de volgende release wordt uitgebreid naar ChromeOS.

Zodra uw accounts zijn ingesteld, updatet u uw Vertrouwde webactiviteit om Play-facturering in te schakelen en maakt u uw digitale goederen aan in de Play Developer Console. Voeg vervolgens in uw PWA uw origin-proeftoken toe en u bent klaar om de code toe te voegen om te controleren op bestaande aankopen, op te vragen 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 hun Chrome Dev Summit-lezing - Wat is er nieuw voor webapps in Play , of bekijk de documenten .

En meer

En natuurlijk is er 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.
Bij de meeste besturingssystemen is muisversnelling standaard ingeschakeld, maar bij sommige games kan dat een probleem zijn. In Chrome 88 kunt u met de Pointer Lock API de muisversnelling uitschakelen . Dat betekent dat dezelfde fysieke beweging, langzaam of snel, resulteert in dezelfde rotatie, wat een betere game-ervaring en hogere nauwkeurigheid oplevert.
En addEventListener neemt nu een afbreeksignaal als optie . Door abort() aan te roepen, wordt de gebeurtenislistener verwijderd, waardoor het gemakkelijk wordt gebeurtenislisteners af te sluiten wanneer deze niet langer nodig zijn.

Verder lezen

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

Wil je op de hoogte blijven van onze video's, abonneer je dan op ons Chrome Developers YouTube-kanaal en je ontvangt een e-mailmelding wanneer we een nieuwe video lanceren.

Ik ben Pete LePage, en zodra Chrome 89 uitkomt, ben ik hier om je te vertellen: wat er nieuw is in Chrome!