Nieuw in Chrome 119

Adriana Jara

Dit is wat u moet weten:

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

Vervaldatum van cookies.

Sinds Chrome 104 voor nieuwe cookies of voor cookies die zijn bijgewerkt met een vervaldatum, is deze datum beperkt tot maximaal 400 dagen in de toekomst. Deze zelfde limiet wordt nu met terugwerkende kracht toegepast op cookies die al zijn opgeslagen.

De vervaldatum van deze cookies wordt beperkt tot maximaal 400 dagen na de eerste keer dat Chrome 119+ opstart en een eenmalige databasemigratie uitvoert. De impact van deze wijziging zal voor gebruikers pas ten minste 400 dagen na de release van Chrome 119 voelbaar zijn, en dan alleen voor bestaande cookies die in die periode niet zijn bijgewerkt.

U kunt meer lezen over de aanbeveling voor de vervaldatum . Hier vindt u een vriendelijke herinnering dat cookies van derden in de nabije toekomst zullen worden afgeschaft en een handleiding om u op de afschaffing voor te bereiden .

CSS-updates

Voor CSS hebben we drie updates:

Nummer één: de nieuwe :user-invalid en :user-valid pseudo-klassen die een element vertegenwoordigen met respectievelijk onjuiste of correcte invoer, maar alleen nadat de gebruiker er significante interactie mee heeft gehad. Ze zijn vergelijkbaar met de :valid en :invalid pseudo-klassen, maar met de toegevoegde beperking dat de nieuwe pseudo-klassen alleen overeenkomen nadat de gebruiker interactie heeft gehad met het element.

Nummer twee: de relatieve kleursyntaxis stelt ontwikkelaars in staat kleuren te definiëren door de parameters van andere kleuren te wijzigen.

Bijvoorbeeld: oklab(from magenta calc(l * 0.8) ab); resulteert in een Oklab-magenta dat 80% lichter is.

En nummer drie: clip-path ondersteunt nu meer waarden.

De eigenschap clip-path creëert een uitknipgebied dat bepaalt welk deel van een element moet worden weergegeven. Onderdelen die zich binnen de regio bevinden, worden weergegeven, terwijl onderdelen daarbuiten verborgen zijn.

Nu kunt u <geometry-box> -waarden gebruiken om het referentievak van de clip te bepalen, waardoor clip-path eenvoudiger te gebruiken is. Deze kaderwaarden kunnen naast basisvormen worden gebruikt (bijvoorbeeld clip-path: circle(50%) margin-box ), of ze kunnen afzonderlijk worden gebruikt om naar het opgegeven kader te knippen (bijvoorbeeld clip-path: content-box ).

U kunt ook de functies xywh() en rect() gebruiken waarmee u eenvoudiger rechthoekige of afgerond-rechthoekige clips kunt opgeven.

Correctie: een eerdere versie van dit artikel verwees naar verbeteringen voor omheinde frames. Deze wijzigingen zijn nu beschikbaar in Chrome 120.

En meer!

Natuurlijk is er nog veel meer.

  • WebSQL is volledig verwijderd vanaf Chrome 119. Dankzij een proefperiode met omgekeerde oorsprong kunnen ontwikkelaars WebSQL blijven gebruiken tot Chrome 123.

  • Nu kan de optie monitorTypeSurfaces worden gebruikt om te voorkomen dat de gebruiker een volledig scherm deelt, met getDisplayMedia()

  • Er is een origin-proefversie die een parameter windowFeatures fullscreen toevoegt aan de JavaScript-API window.open() zodat de aanroeper een pop-up rechtstreeks op volledig scherm kan openen.

Verder lezen

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

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 120 uitkomt, ben ik hier om je te vertellen wat er nieuw is in Chrome!