Nieuw in Chrome 98

Dit is wat u moet weten:

  • Als je de proefversie van Auto Dark Theme hebt geprobeerd, is er een nieuwe manier om je 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 erin duiken en kijken wat er nieuw is voor ontwikkelaars in Chrome 98.

Afmelden voor automatisch donkere thema's op Android

In Chrome 96 zijn we gestart met een origin-proefversie voor Auto Dark Themes op Android .

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

Als u zich heeft aangemeld voor de origin-proefperiode en u zich wilt afmelden voor het automatisch gegenereerde donkere thema voor een specifieke pagina, kunt u een metatag gebruiken.

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

Of u kunt zich afmelden door color-scheme: only light op het :root element.

:root {
  color-scheme: only light;
}

Maar het belangrijkste voordeel van deze methode is dat u zich per element kunt afmelden door een specifieke stijl op dat element toe te passen.

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

Bekijk de sectie Hoe u zich kunt afmelden voor Auto Dark Theme in Auto Dark Themes op Android voor volledige details.

Ondersteuning voor COLRv1-lettertypen

In Chrome 98 is er nu ondersteuning voor COLRv1 , een evolutie van het COLRv0-lettertypeformaat. Het voegt gradiënten, composities en overvloeiingen toe en verbetert het hergebruik van vormen voor scherpe en compacte lettertypebestanden die goed worden gecomprimeerd.

Een kleurenlettertype zorgt ervoor dat visuele highlights, koppen en banners er echt uitspringen.

Kop met behulp van COLRv1-lettertypen

Een van mijn favoriete gebruiksscenario's voor COLRv1 betekent consistente emoji's op alle platforms. U hoeft emoji's niet te vervangen door afbeeldingsbestanden, omdat lettertypebestanden kleiner worden en gemakkelijker op uw pagina kunnen worden opgenomen.

Lettertypebestand met consistente emoji

We werken aan manieren om de functiedetectie te verbeteren, omdat dit 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 details en hoe u uw eigen lettertypen kunt maken.

Emuleer Chrome 100 in de UA-reeks

Binnen een paar maanden bereiken we Chrome 100, een driecijferig versienummer. Elke code die versienummers controleert of de UA-reeks 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 die het huidige versienummer verandert in 100, zodat u ervoor kunt zorgen dat alles werkt zoals verwacht.

Chrome markeert de pagina met de nieuwe optie #force-major-version-to-100

En meer!

Natuurlijk is er nog veel meer.

CORS-preflightverzoeken worden nu vóór particuliere netwerkverzoeken voor subresources verzonden, waarbij om expliciete toestemming van de doelserver wordt gevraagd.

Er is een nieuwe origin-proefversie voor Region Capture , een API voor het bijsnijden van een videotrack die je zelf hebt vastgelegd. Ideaal voor het delen van schermen in apps voor videoconferenties, zodat u geen spiegelzaaleffect creëert!

Bedieningselementen voor vensteroverlays waren gepland voor Chrome 98, maar zijn vanwege problemen die op het laatste moment zijn gevonden niet gelukt. We werken er nog steeds aan en verwachten dat dit in de komende paar releases zal verschijnen.

Verder lezen

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

Abonneren

Als u op de hoogte wilt blijven, abonneert u zich op het YouTube-kanaal van Chrome Developers . U ontvangt dan een e-mailmelding wanneer we een nieuwe video lanceren.

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