Nieuw in Chrome 114

Adriana Jara

Dit is wat u moet weten:

  • CSS text-wrap: balance beschikbaar om de tekstopmaak te verbeteren.
  • Cookies gepartitioneerd per site op het hoogste niveau ( CHIPS ) zijn hier aanwezig.
  • Popovers zijn eenvoudiger dan ooit met de Popover API .
  • En er is nog veel meer .

Ik ben Adriana Jara. Laten we erin duiken en kijken wat er nieuw is voor ontwikkelaars in Chrome 114.

text-wrap:balance .

Gebruik text-wrap: balance om de tekstopmaak te verbeteren. Onderstaande animatie laat zien welk verschil je met deze ene regel kunt maken.

Probeer een demo

Als ontwikkelaar kent u de uiteindelijke grootte, lettergrootte of zelfs de taal van de tekst niet. Alle variabelen zijn nodig voor een effectieve behandeling van tekstterugloop. Omdat de browser alle factoren kent, kunt u met text-wrap:balance de browser vragen om de best gebalanceerde oplossing voor regelterugloop te vinden.

De twee voorgaande voorbeelden worden samen weergegeven, de ene is gemarkeerd als onevenwichtig en de andere als gebalanceerd.

Het uitgebalanceerde tekstblok is prettiger voor het oog van de lezer. Het trekt de aandacht beter en is over het algemeen gemakkelijker te lezen.

Het balanceren van koppen zal en zou de primaire use case moeten zijn voor text-wrap: balance . Er zijn prestatiekosten verbonden aan het in evenwicht brengen van de tekst, dus om de kosten te beperken werkt het slechts voor maximaal vier regels.

Bekijk dit artikel met voorbeelden en meer details om uw tekstlay-outs te verbeteren.

CHIPS: Cookies met een onafhankelijke gepartitioneerde staat.

CHIPS (Cookies Being Independent Partitioned State) maakt het mogelijk om zich aan te melden voor cookies van derden die worden gepartitioneerd per site op het hoogste niveau met behulp van het nieuwe cookie-attribuut Partitioned .

Vóór CHIPS kon een ingebedde site C, wanneer een gebruiker site A bezoekt, een cookie op de computer van de gebruiker plaatsen. Als de gebruiker vervolgens site B bezoekt, die ook site C insluit, kan site C toegang krijgen tot dezelfde cookie die is ingesteld op site A. Hierdoor kan site C de browse-activiteit van een gebruiker op site A, B en elke site waarop deze is ingesloten, verzamelen. op.

Diagram met sites en opslag met niet-gepartitioneerde cookies.

Hoewel cross-site tracking een probleem is, zijn er geldige cross-site cookiebehoeften die op een privacybeschermende manier kunnen worden bereikt met behulp van cookie-partitionering.

Met CHIPS wanneer een gebruiker site A bezoekt en ingebedde inhoud van site C een cookie instelt met het gepartitioneerde attribuut, wordt de cookie alleen opgeslagen in een gepartitioneerde pot voor cookies die site C instelt wanneer deze is ingesloten op site A. De browser verzendt alleen die cookies cookie wanneer de site op het hoogste niveau A is.

Diagram met sites en gepartitioneerde opslag met cookies.

Wanneer de gebruiker een nieuwe site bezoekt, bijvoorbeeld site B, ontvangt site C niet de cookie die is ingesteld toen C werd ingesloten in site A.

Bekijk dit artikel voor meer informatie over het proces om cookies van derden geleidelijk uit te bannen.

De Popover-API.

Met de Popover API is het eenvoudiger om tijdelijke gebruikersinterface-elementen (UI) te bouwen die bovenop alle andere web-app-UI's worden weergegeven.

Deze omvatten gebruikersinteractieve elementen zoals actiemenu's, suggesties voor formulierelementen, inhoudkiezers en een onderwijsinterface.

Met het nieuwe popover-attribuut kan elk element automatisch in de bovenste laag worden weergegeven. Dit betekent dat de ontwikkelaar zich geen zorgen meer hoeft te maken over positionering, het stapelen van elementen, focus of toetsenbordinteracties.

Dit is vergelijkbaar met het <dialog> -element, maar heeft een aantal belangrijke verschillen, waaronder gedrag bij het negeren van licht, beheer van popover-interacties en ondersteuning voor gebeurtenissen, en het ontbreken van een "modale" modus.

Bekijk dit artikel voor meer informatie.

En meer!

Natuurlijk is er nog veel meer.

Verder lezen

Dit behandelt slechts enkele belangrijke hoogtepunten. Bekijk de onderstaande links voor aanvullende wijzigingen in Chrome 114.

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.

Yo soy Adriana Jara, en zodra Chrome 115 uitkomt, ben ik hier om je te vertellen wat er nieuw is in Chrome!