Veja o que é necessário saber:
- A exibição de elementos
<ruby>é melhor com quebras de linha. - Promise.try facilita a vinculação de promessas.
- O PointerEvent foi estendido para identificar de forma exclusiva várias canetas.
- E tem muito mais.
Meu nome é Adriana Jara. Vamos conferir as novidades para desenvolvedores no Chrome 128.
Quebra de linha <ruby>
O elemento <ruby> melhora a apresentação do texto, especialmente para idiomas do leste asiático. Ele permite mostrar anotações fonéticas ou outras informações complementares acima ou ao lado do texto base.
Um elemento ruby consiste em duas partes principais: a base ruby, que é o texto principal, e o texto ruby, que é o texto da anotação, marcado com o elemento.
Antes, se um ruby-base ou um ruby-text fosse mais longo que uma linha inteira, eles eram agrupados individualmente, criando desafios de layout.
Agora, o ruby que pode ser quebrado em linhas coloca o texto da anotação ruby envolvido sobre o texto base envolvido, alcançando a renderização de texto ideal.
Acesse Propriedade <ruby> com quebra de linha e ruby-align do CSS para conferir exemplos e mais informações.
Promise.try
O Promise.try facilita o processamento de erros com promessas. Há um padrão em que você tem uma função, f. Essa função pode ser assíncrona e retornar uma promessa ou não. Para usar a semântica de promessas para processar erros em ambos os casos, você envolve a função em uma promessa.
Uma maneira de fazer isso é com Promise.resolve().then(f), mas, nesse caso, f seria executado de forma desnecessária de forma assíncrona no próximo tick.
Para evitar esse problema, você precisa usar new Promise(resolve => resolve(f())), que não é nada ergonômico.
Promise.try é a maneira simples e direta de fazer isso. Ele permite iniciar uma cadeia de promessas que captura todos os erros em gerenciadores .catch, em vez de precisar processar fluxos de exceção síncronos e assíncronos.
Para saber mais, consulte a documentação do Promise.try.
PointerEvent.deviceProperties para desenho com várias canetas
Os desenvolvedores não tinham uma maneira de distinguir entre duas canetas individuais em um digitalizador com tinta. O atributo PointerEvent.pointerId é implementado de maneiras diferentes e nem sempre persiste para cada traço de tinta ou interação com a tela.
A interface PointerEvent agora foi ampliada para incluir um novo atributo: deviceProperties. Ele contém o atributo uniqueId, que representa um identificador exclusivo persistente na sessão e isolado do documento que um desenvolvedor pode usar com segurança para identificar canetas individuais que interagem com a página.
Com essa mudança, é possível, por exemplo, definir cores ou formas de caneta específicas para cada dispositivo que interage com o digitalizador.
Leia sobre como começar a usar eventos de ponteiro em Como apontar o caminho a seguir.
E muito mais.
Claro que há muito mais.
A propriedade CSS
zoomagora está alinhada com o padrão mais recente.Os erros de criação e renderização de áudio do
AudioContextagora são informados peloAudioContext.onerror.O painel de animações das DevTools agora captura animações, e você pode editar
@keyframesem tempo real.
Leia as notas da versão completas.
Leitura adicional
Isso abrange apenas alguns destaques importantes. Confira as mudanças adicionais no Chrome 128 nos links a seguir.
- Novidades do Chrome DevTools (128)
- Atualizações do ChromeStatus.com para o Chrome 128
- Lista de mudanças no repositório de origem do Chromium
- Calendário de lançamentos do Chrome
Inscrever-se
Para ficar por dentro das novidades, inscreva-se no canal do YouTube para desenvolvedores do Chrome e receba uma notificação por e-mail sempre que lançarmos um novo vídeo.
Meu nome é Adriana Jara, e assim que o Chrome 128 for lançado, vou falar sobre as novidades do Chrome.