Nieuw in Chrome 98

Pete LePage

Dit is wat u moet weten:

  • Als u de proefversie van Auto Dark Theme hebt geprobeerd, is er een nieuwe manier om u per element af te melden .
  • Er is nu ondersteuning voor COLRv1 , een evolutie van het COLRv0-lettertypeformaat.
  • En er is nog veel meer .

Ik ben Pete LePage . Laten we eens kijken wat er nieuw is voor ontwikkelaars in Chrome 98.

Automatisch donkere thema's op Android uitschakelen

In Chrome 96 zijn we begonnen met een proefperiode voor Automatische Donkere Thema's op Android .

Met deze functie past de browser een automatisch gegenereerd donker thema toe op uw site, als uw site een licht thema heeft en het besturingssysteem van de gebruiker in de donkere modus staat.

Als u zich hebt aangemeld voor de proefversie van Origin en u wilt zich afmelden voor het automatisch gegenereerde donkere thema voor een specifieke pagina, kunt u een metatag gebruiken.

<meta name="color-scheme" content="only light">

U kunt zich ook afmelden door color-scheme: only light in te stellen op het :root element.

:root {
  color-scheme: only light;
}

Het belangrijkste voordeel van deze methode is echter dat u per element kunt aangeven of u bepaalde elementen wilt aanpassen door een specifieke stijl op dat element toe te passen.

.only-light,
#my-element {
  color-scheme: only light;
}

Bekijk het gedeelte Hoe u zich kunt afmelden voor Automatisch donker thema in Automatische donkere thema's op Android voor meer informatie.

Ondersteuning voor COLRv1-lettertypen

In Chrome 98 is er nu ondersteuning voor COLRv1 , een evolutie van het COLRv0-lettertypeformaat. Het voegt gradiënten, compositie en blending toe, en verbeterd hergebruik van vormen voor scherpe en compacte lettertypebestanden die goed comprimeren.

Een gekleurd lettertype zorgt ervoor dat visuele hoogtepunten, koppen en banners echt opvallen.

Koptekst met COLRv1-lettertypen

Een van mijn favoriete use cases voor COLRv1 is consistente emoji's op alle platforms. Je hoeft emoji's niet te vervangen door afbeeldingen, omdat lettertypebestanden kleiner worden en gemakkelijker op je pagina te plaatsen zijn.

Lettertypebestand met consistente emoji

We werken aan manieren om de detectie van kenmerken te verbeteren, omdat het nog niet zo eenvoudig is als het zou moeten zijn. Maar dit is iets om in de gaten te houden.

Bekijk COLRv1 Color Gradient Vector Fonts in Chrome 98 voor meer informatie en hoe u uw eigen lettertypen kunt maken.

Emuleer Chrome 100 in de UA-string

Over een paar maanden bereiken we Chrome 100, een versienummer van drie cijfers. Elke code die versienummers controleert of de UA-string parseert, moet worden gecontroleerd om er zeker van te zijn dat deze drie cijfers verwerkt.

Er is een vlag met de naam #force-major-version-to-100 waarmee het huidige versienummer wordt gewijzigd naar 100. Zo kunt u controleren of alles werkt zoals verwacht.

Chrome-vlaggenpagina die de nieuwe optie #force-major-version-to-100 benadrukt

En nog veel meer!

Er is natuurlijk nog veel meer.

CORS-preflightverzoeken worden nu vóór verzoeken van privénetwerken voor subbronnen verzonden, waarbij expliciete toestemming van de doelserver wordt gevraagd.

Er is een nieuwe proefversie van Region Capture , een API voor het bijsnijden van een zelfgevangen videotrack. Ideaal voor schermdeling in videoconferentie-apps, zodat je geen spiegeleffect creëert!

De besturingselementen voor vensteroverlays waren al gepland voor Chrome 98, maar zijn vanwege problemen die op het laatste moment werden ontdekt, niet geïmplementeerd. We werken er nog steeds aan en verwachten het in de volgende releases te zien.

Verder lezen

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

Abonneren

Om op de hoogte te blijven, kunt u zich abonneren op het YouTube-kanaal Chrome Developers . U ontvangt dan een e-mailmelding wanneer we een nieuwe video lanceren.

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