Nieuw in Chrome 128

Adriana Jara

Dit is wat u moet weten:

  • Het weergeven van <ruby> -elementen is beter met regeleinden .
  • Promise.try maakt het gemakkelijker om beloftes aan elkaar te koppelen.
  • PointerEvent is uitgebreid om meerdere pennen op unieke wijze te identificeren.
  • En er is nog veel meer .

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

Lijnbreekbaar <ruby>

Het <ruby> -element verbetert de tekstpresentatie, vooral voor Oost-Aziatische talen. Hiermee kunt u fonetische annotaties of andere aanvullende informatie boven of naast de basistekst weergeven.

Een robijnrood element bestaat uit twee hoofddelen: de robijnrode basis is de hoofdtekst en de robijnrode tekst is de annotatietekst, gemarkeerd met het element.

Als een robijnrode basis of een robijnrode tekst voorheen langer was dan een hele regel, werden ze individueel verpakt, wat lay-outuitdagingen creëerde.

Ruby is nu regelafbreekbaar en plaatst de ingepakte ruby-annotatietekst over de ingesloten basistekst, waardoor een ideale tekstweergave wordt bereikt.

Bezoek Line-breakable <ruby> en CSS ruby-align eigenschap voor voorbeelden en meer informatie.

Beloof het.probeer

Promise.try maakt het gemakkelijker om fouten af ​​te handelen met Promises. Er is een patroon waarin je een functie hebt, f . Deze functie kan asynchroon zijn en een belofte retourneren, maar mogelijk ook niet. Om Promise-semantiek te gebruiken om in beide gevallen fouten af ​​te handelen, verpakt u de functie in een Promise.

Eén manier om dit te bereiken is met Promise.resolve().then(f) , maar in dit geval zou f onnodig asynchroon worden uitgevoerd bij de volgende tik.

Om dit probleem te voorkomen moet je new Promise(resolve => resolve(f())) gebruiken, wat helemaal niet ergonomisch is.

Promise.try is de eenvoudige, ongecompliceerde manier om hetzelfde te bereiken. Hiermee kunt u een Promise-keten starten die alle fouten in .catch -handlers opvangt, in plaats van dat u zowel synchrone als asynchrone uitzonderingsstromen moet afhandelen.

Raadpleeg voor meer informatie de Promise.try -documentatie .

PointerEvent.deviceProperties voor inkten met meerdere pennen

Ontwikkelaars hadden geen manier om onderscheid te maken tussen twee afzonderlijke pennen op een digitalisator met inktfunctie. Het bestaande PointerEvent.pointerId- attribuut wordt op verschillende manieren geïmplementeerd en blijft niet altijd behouden bij elke inktstreek of interactie met het scherm.

De PointerEvent interface is nu uitgebreid met een nieuw attribuut: deviceProperties . Het bevat het attribuut uniqueId , dat een sessie-persistente, documentgeïsoleerde, unieke identificatie vertegenwoordigt die een ontwikkelaar op betrouwbare wijze kan gebruiken om individuele pennen te identificeren die interactie hebben met de pagina.

Met deze wijziging kunt u bijvoorbeeld specifieke kleuren of penvormen instellen voor elk apparaat dat met de digitizer communiceert.

Lees hoe u aan de slag gaat met pointergebeurtenissen in De weg voorwaarts wijzen .

En meer!

Natuurlijk is er nog veel meer.

  • De CSS- zoom is nu afgestemd op de nieuwste standaard.

  • Fouten bij het maken van AudioContext en het weergeven van audio worden nu gerapporteerd via AudioContext.onerror .

  • Het DevTools Animations-paneel legt nu animaties vast en u kunt @keyframes live bewerken.

Lees de volledige releaseopmerkingen .

Verder lezen

Dit behandelt slechts enkele belangrijke hoogtepunten. Controleer de volgende links voor aanvullende wijzigingen in Chrome 128.

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