CSS-koppenbalancering, CHIPS, de scrollend-gebeurtenis en popover.
Tenzij anders aangegeven, zijn de hieronder beschreven wijzigingen van toepassing op de nieuwste release van het Chrome-bètakanaal voor Android, ChromeOS, Linux, macOS en Windows. Lees meer over de hier genoemde functies via de aangeboden links of via de lijst op ChromeStatus.com. Chrome 114 is vanaf 3 mei 2023 een bètaversie. Je kunt het nieuwste downloaden op Google.com voor desktop of in de Google Play Store op Android.
CSS
Deze release voegt twee nieuwe CSS-functies toe.
Balans van CSS-koppen
Deze functie biedt een manier om de lengte van de regels in een element in evenwicht te brengen, voor een betere leesbaarheid en om typografische afwijkingen te minimaliseren, voor tekst die over vier regels of minder loopt. Dit is vaak handig voor koppen. De volgende CSS zou bijvoorbeeld alle kopniveaus en blokcitaten in evenwicht brengen:
h1, h2, h3, h4, h5, h6, blockquote {
text-wrap: balance;
}
Naast de eigenschap text-wrap wordt ook de eigenschap white-space-collapse ondersteund, en de eigenschap white-space wordt een afkorting van deze eigenschappen.
Lees meer in CSS text-wrap: balance .
overflow: overlay naar overflow: auto
Chrome 114 verwijdert de overflow: overlay scrollmodus en maakt van overlay een oudere alias van auto . Het gebruik van overflow: overlay is hetzelfde als overflow: auto , behalve dat het niet verhindert dat de inhoud zich uitstrekt tot in de schuifbalkgoot, in gevallen waarin niet-overlay OS-schuifbalken aanwezig zijn. (Als er overlay-schuifbalken aanwezig zijn, heeft dit geen effect.)
Web-API's
Achterwaartse/voorwaartse cache NotRestoredReason API
De NotRestoredReason API rapporteert de lijst met redenen waarom een pagina niet vanuit BFcache wordt weergegeven in een frameboomstructuur, via de PerformanceNavigationTiming API.
Cookies met een onafhankelijke gepartitioneerde staat (CHIPS)
Chrome is van plan cookies van derden overbodig te maken. Daarom hebben ontwikkelaars de mogelijkheid nodig om cookies te gebruiken in contexten van derden die zijn gepartitioneerd per site op het hoogste niveau. Dit is nodig voor gebruiksscenario's die geen betrekking hebben op cross-site tracking. Bijvoorbeeld SaaS-insluitingen, headless CMS en sandbox-domeinen). Met het CHIPS-cookiekenmerk van Partitioned kunnen ontwikkelaars ervoor kiezen om hun cookies van derden te laten opsplitsen per site op het hoogste niveau. CHIPS wordt ingeschakeld via Chrome-variaties in Chrome 110 en nieuwere versies. Met Chrome 114 wordt CHIPS standaard ingeschakeld voor alle browserinstanties.
Meer informatie over CHIPS .
De scrollend gebeurtenis
Deze gebeurtenis geeft ontwikkelaars via gebeurtenislisteners duidelijkheid over wanneer een scroll is voltooid (inclusief zowel de scroll zelf als eventuele updates van de offsets van de scroll). Weten wanneer een scroll is voltooid, is om verschillende redenen nuttig. Bijvoorbeeld het synchroniseren van wat logica op de afgebroken sectie, het ophalen van dingen in een lijst of het activeren van nieuwe animaties. Deze functie vereenvoudigt de logica voor het verwerken van end-of-scroll-effecten aanzienlijk, waardoor wordt verzekerd dat deze consistent zijn bij veel verschillende invoermodaliteiten. Momenteel voorzien ontwikkelaars in deze behoefte door scrollgebeurtenissen te observeren en ad-hoc time-outalgoritmen te bouwen.
Meer informatie over het scrollend -evenement .
De Popover-API
Een API die kan worden gebruikt 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. Deze API gebruikt een nieuw popover inhoudsattribuut om ervoor te zorgen dat elk element in de bovenste laag kan worden weergegeven. 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.
Meer informatie over de Popover-API .
Web Bluetooth- exclusionFilters -optie in requestDevice()
Met de optie exclusionFilters in navigator.bluetooth.requestDevice() kunnen webontwikkelaars bepaalde apparaten uitsluiten van de browserkiezer. Het kan worden gebruikt om apparaten uit te sluiten die aan een breder filter voldoen, maar niet worden ondersteund.
Bekijk voorbeeldcode die het gebruik van de Web Bluetooth API illustreert om basisapparaatinformatie op te halen van een nabijgelegen Bluetooth Low Energy-apparaat met basisuitsluitingsfilters.
WebAssembly heeft een constant voorstel uitgebreid
Chrome 114 implementeert het uitgebreide constante-voorstel van WebAssembly . Dit voorstel voegt de volgende nieuwe instructies toe aan de lijst met geldige constante-instructies: i32.add , i32.sub , i32.mul , i64.add , i64.sub en i64.mul .
Oorsprongsproeven zijn aan de gang
In Chrome 114 kunt u zich aanmelden voor de volgende nieuwe origin-proefversies .
Meting van cross-app- en webattributie
Breidt de Attribution Reporting API uit, zodat conversies die op internet plaatsvinden, kunnen worden toegeschreven aan gebeurtenissen die buiten de browser plaatsvinden, binnen andere applicaties. Het voorstel hier maakt gebruik van ondersteuning op besturingssysteemniveau voor attributie. Het geeft de ontwikkelaar met name de mogelijkheid om evenementen op het mobiele internet samen te voegen met evenementen in de Privacy Sandbox van Android, hoewel ook ondersteuning voor andere platforms kan worden geïmplementeerd.
Registreer u voor de proefversie van het meten van cross-app- en webattributie
De Achtergrondvervaging-API
Met de Background Blur API kunnen webontwikkelaars de API van het native platform gebruiken voor segmentatie van de camera-achtergrond. Omdat achtergrondvervaging een van de meest gebruikte functies is geworden in apps voor videoconferenties, willen we dat webapps dezelfde platform-API's kunnen gebruiken zonder afhankelijk te hoeven zijn van ML-frameworks zoals TensorFlow.js, Mediapipe, WASM-bibliotheken of cloudgebaseerde oplossingen.
Meld u aan voor de proefversie van Background Blur Origin .
Beëindigingen en verwijderingen
Er zijn geen nieuwe beëindigingen of verwijderingen in Chrome 114.