CSS-beginletters, starthandler voor webapps, cross-origin iframe-ondersteuning voor de FedCM API en meer.
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 110 is vanaf 12 januari 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.
CSS-beginletters
Beginletters zijn grote, decoratieve letters die al vóór de uitvinding van de boekdrukkunst worden gebruikt om nieuwe tekstgedeelten te beginnen. De eigenschap CSS initial-letter
biedt een manier om het aantal regels in te stellen dat een beginletter in de volgende regels tekst moet plaatsen. In het volgende voorbeeld wordt de beginletter over drie regels tekst weergegeven.
.content::first-letter {
initial-letter: 3;
}
CSS pseudo-klasse :picture-in-picture
De :picture-in-picture
pseudo-klasse helpt webontwikkelaars de mediaspeler aan te passen wanneer video's Picture-in-Picture binnenkomen en verlaten.
Probeer een demo van de :picture-in-picture pseudo-klasse .
Web-API's
AudioContext.setSinkId()
AudioContext.setSinkId
stelt de ID in van het audioapparaat dat voor uitvoer moet worden gebruikt. Hierdoor kan de AudioContext
audio routeren naar een aangesloten uitvoerapparaat naar keuze van de gebruiker.
Lees meer over deze functie in het bericht Wijzig het doeluitvoerapparaat in Web Audio .
FedCM binnen cross-origin iframe
Voegt cross-origin iframe-ondersteuning toe voor de FedCM API via een machtigingsbeleid. Het stelt websites in staat om de scripts van identiteitsproviders die de FedCM API activeren in een cross-origin iframe te sandboxen, zodat ze geen volledige controle over de hele pagina hebben. Dit maakt ook gebruiksscenario's mogelijk waarbij het iframe zelf een aanmelding van de gebruiker vereist. In beide gevallen moet het bovenliggende frame het cross-origin iframe voorzien van het machtigingsbeleid identity-credentials-get
.
IFrame-referentieloos
IFrame credentialless geeft ontwikkelaars een manier om documenten in iframes van derden te laden met behulp van nieuwe en kortstondige contexten. Iframe-referentieloos is een generalisatie van COEP- referentieloos ter ondersteuning van iframes van derden die COEP mogelijk niet inzetten. Dit neemt de beperking weg dat iframes van derden COEP moeten ondersteunen om te kunnen worden ingebed in een COEP-pagina en zal ontwikkelaars deblokkeren die cross-origin-isolatie willen adopteren.
Meer informatie over iframe-referentieloos .
FileSystemHandle::remove()
methode
De remove()
methode van FileSystemHandle
maakt het algemene gebruik mogelijk waarbij u een bestandsingang verkrijgt van showSaveFilePicker()
, maar vervolgens besluit dat u het bestand toch niet wilt opslaan en het bestand verwijdert. Vóór de toevoeging van deze methode was het onmogelijk om een bestand of map te verwijderen vanwege het handvat ervan. U moest de handle van de bovenliggende map verkrijgen en FileSystemDirectoryHandle::removeEntry()
aanroepen.
Prefetching geactiveerd door de speculatieregels-API
Door vooraf op te halen wordt de hoofdbron voor toekomstige navigatie opgehaald en in het geheugen bewaard, zodat deze kan worden gebruikt om de volgende navigatie te versnellen. Deze lancering omvat zowel prefetching op dezelfde site als prefetching op meerdere sites in het geval dat er geen inloggegevens aanwezig zijn voor de doelsite.
Gebruik niet-transitionele IDNA-verwerking in URL's
Schakel IDNA 2008 in de niet-overgangsmodus in voor URL-verwerking, waardoor het gedrag van Chrome wordt afgestemd op Firefox en Safari. Chrome gebruikt momenteel IDNA 2008 in de overgangsmodus bij de URL-verwerking. Het belangrijkste verschil tussen de overgangs- en niet-overgangsmodus is de verwerking van vier tekens die bekend staan als afwijkingstekens: ß (LATIJNSE KLEINE LETTER SHARP S), ς (GRIEKSE KLEINE LETTER FINAL SIGMA), ZWJ (Zero width joiner) en ZWNJ (Zero width niet-joiner). In de overgangsmodus worden deviatietekens op dezelfde manier behandeld als in IDNA2003: ß wordt toegewezen aan ss, ς wordt toegewezen aan σ en ZWJ en ZWNJ worden verwijderd. In de niet-transitionele modus zijn domeinen die deze tekens bevatten toegestaan in domeinnamen zonder toewijzing, en kunnen ze dus worden omgezet naar verschillende IP-adressen. Als u bijvoorbeeld faß.de
in Chrome en Firefox typt, worden vandaag de dag verschillende sites geopend. Als u niet-transitioneel IDNA in Chrome inschakelt, zijn afwijkende tekens in domeinnamen toegestaan. Firefox en Safari hebben deze wijziging al in 2016 doorgevoerd en blijven niet-transitionele URL-verwerking gebruiken.
Starthandler voor webapps
Voeg een launch_handler
web-app-manifestlid toe waarmee web-apps hun startgedrag kunnen aanpassen voor alle typen app-starttriggers. Het volgende zorgt er bijvoorbeeld voor dat bij alle lanceringen van de Voorbeeld-app de nadruk wordt gelegd op een bestaand app-venster en er doorheen wordt genavigeerd (indien aanwezig) in plaats van altijd een nieuw app-venster te starten.
{
"name": "Example app",
"start_url": "/index.html",
"launch_handler": {
"client_mode": "navigate-existing"
}
}
toestemmingsbeleid voor webshares
Beheert de toegang tot navigator.share()
. Standaard hebben iframes van derden geen toestemming om de Web Share API te gebruiken.
Oorsprongsproeven zijn aan de gang
In Chrome 110 kunt u zich aanmelden voor de volgende nieuwe Origin-proefversies .
No-Vary-Search-ondersteuning in prefetch-cache voor navigatie
Zorgt ervoor dat prefetch overeenkomt, zelfs als de URL-queryparameters veranderen. De No-Vary-Search
HTTP-antwoordheader verklaart dat sommige of alle delen van een URL-query kunnen worden genegeerd voor cache-matchingdoeleinden. Het kan verklaren dat de volgorde van de queryparametersleutels geen cachemissers mag veroorzaken, dat specifieke queryparameters geen cachemissers mogen veroorzaken of dat alleen bepaalde bekende queryparameters cachemissers mogen veroorzaken. Het kan van toepassing zijn op meerdere caches, maar dit item verwijst naar ondersteuning voor prefetch-cache.
Registreer u voor No-Vary-Search-ondersteuning in de proefversie van de navigatie-prefetch-cache .
PerformanceResourceTiming.deliveryType
Geef informatie vrij over hoe een hulpbron is geleverd. Bronnen die zijn geleverd vanuit de cache (momenteel beschikbaar via transferSize
) en navigatie die vooraf zijn opgehaald door de vorige pagina, zijn bijvoorbeeld handig om te identificeren.
SoftNavigation-prestatie-invoer
Legt de (experimentele) zachte navigatieheuristieken bloot aan webontwikkelaars, met behulp van zowel PerformanceObserver als de prestatietijdlijn.
Schrijf u in voor de proefversie van de zachte navigatieheuristiek .
Speculatieregels: levering via de kop Speculatieregels
Momenteel kunnen ontwikkelaars alleen speculatieregels specificeren met behulp van inline scripttags. De voorgestelde functie biedt een alternatief via de kop 'Speculatie-regels'. De waarde ervan moet een URL zijn naar een tekstbron met het MIME-type application/speculationrules+json
. De regels van de bron worden toegevoegd aan de regelset van het document.
Speculatieregels: regels uit documenten
Een uitbreiding op de syntaxis van speculatieregels waarmee de browser URL's voor speculatie kan verkrijgen uit linkelementen op een pagina. Ze kunnen criteria bevatten die beperken welke van deze links kunnen worden gebruikt.
X-Aangevraagd-Met in WebView
Beëindigingsproef om het verouderde gedrag van de X-Requested-Header
op Android WebView te behouden. Deze header is momenteel ingesteld met de pakketnaam van de insluitende app als waarde, maar dit gedrag wordt verwijderd bij een langzame implementatie. Tijdens de beëindiging van deze proefperiode kunnen site-eigenaren de header blijven ontvangen terwijl ze deze niet meer gebruiken.
Meer informatie over deze beëindiging volgt in een aparte blogpost. Registreer u hier voor de beëindigingsproefperiode van X-Requested-With .
Beëindigingen en verwijderingen
Deze versie van Chrome introduceert de hieronder vermelde beëindigingen en verwijderingen. Ga naar ChromeStatus.com voor een lijst met geplande beëindigingen, huidige beëindigingen en eerdere verwijderingen.
In deze versie van Chrome worden twee functies verwijderd.
Verwijder Web SQL in niet-beveiligde contexten
Web SQL wordt nu verwijderd in niet-beveiligde contexten . We raden u aan over te schakelen naar SQLite Wasm in de browser die wordt ondersteund door het oorspronkelijke privébestandssysteem .
Verwijder window.webkitStorageInfo
Verwijdert de ondersteuning voor de oude API voor opslagquota, window.webkitStorageInfo. Chrome werd oorspronkelijk geïntroduceerd in 2011 en implementeerde de vooraf ingestelde quota-API, die onmiddellijk werd opgevolgd door de Quota-API, die sindsdien ook is verouderd. De oude API voor opslagquota is nooit door een andere browser geïmplementeerd en is sinds 2013 als verouderd gemarkeerd.