Deze pagina is vertaald door de Cloud Translation API.

Nieuw in Chrome 109

Adriana Jara

Dit is wat u moet weten:

De Origin Private File System API is nu beschikbaar voor Android.
Er is een reeks nieuwe eigenschappen in CSS .
U kunt eenvoudig wiskundige notaties toevoegen aan uw HTML met de ondersteuning voor MathML Core .
En er is nog veel meer .

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

OPFS op Android

Het Origin Private File System (OPFS) maakt deel uit van de File System Access API en is een opslageindpunt dat privé is voor de oorsprong van de pagina.

Het werd gelanceerd op desktop op Chrome 102, Chrome 109 vergroot de compatibiliteit door het beschikbaar te maken op Android.

Op een paar uitzonderingen na omvat het alle File System Access API-oppervlakken, om bestanden naadloos rechtstreeks vanuit het lokale bestandssysteem te beheren. De show*Picker() methoden en de Drag-and-Drop API-integratie zijn nog niet beschikbaar.

Met de File System Access API op OPFS hebben sites toegang tot hun eigen, persoonlijke bestandssysteem en kunnen ze bestandsbewerkingen uitvoeren via FileSystemSyncAccessHandle , wat verbeterde prestaties biedt.

Bekijk dit artikel om te leren hoe u soepele toegang tot bestandssystemen op verschillende platforms kunt implementeren.

Nieuw in CSS.

Nu een paar nieuwe CSS-functies, te beginnen met een nieuwe lengte-eenheid: lh .

De lh CSS-eenheid is gelijk aan de berekende waarde van de eigenschap line-height van het element waarop deze wordt gebruikt. Hierdoor kan een textarea een hoogte krijgen die gelijk is aan het aantal regels verwachte tekst.

Ook heeft de CSS Working Group een nieuwe waarde auto toegevoegd voor de descriptors: font-weight , font-style en font-stretch binnen de @font-face regel. auto is nu de beginwaarde. Deze descriptors in variabele lettertypen bieden gebruikers de mogelijkheid om te kiezen hoe zwaar, schuin of breed het lettertype moet zijn.

Om betere controle over webtypografie te bieden, specificeert de eigenschap hyphenate-limit-chars het minimumaantal tekens in een afgebroken woord.

MathML Core-ondersteuning.

Als u ooit heeft geprobeerd wiskundige formules op een stijlbare en toegankelijke manier aan uw webpagina toe te voegen, zult u blij zijn te horen dat MathML Core nu wordt ondersteund in Chrome.

MathML is een taal voor het beschrijven van wiskundige notaties op een manier die kan worden opgenomen in HTML en SVG. Het wordt op een CSS-compatibele manier weergegeven met OpenType MATH en toegankelijk via API's voor platformtoegankelijkheid.

MathML-stijl wordt mogelijk gemaakt door CSS-functies, waaronder functies voor wiskundige lay-out. Enkele voorbeelden zijn de eigenschappen math-depth , math-shift en math-style , en de math waarde voor de display eigenschap en meer.

Bekijk de documentatie voor details en voorbeelden om je wiskundige notatiespel te verbeteren!

En meer!

Natuurlijk is er nog veel meer.

U kunt de eigenschap suppressLocalAudioPlayback in MediaTrackSupportedConstraints gebruiken om het afspelen van audio beter te regelen bij gebruik van externe luidsprekers.
Voorwaardelijke focus is nu beschikbaar bij het aanroepen van getDisplayMedia() .
Veilige betalingsbevestiging is beschikbaar voor Chrome op Android.

Verder lezen

Dit behandelt slechts enkele belangrijke hoogtepunten. Controleer de onderstaande links voor aanvullende wijzigingen in Chrome 109.

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