Veja o que é necessário saber:
- Mostrar elementos
<ruby>é melhor com quebras de linha. - Promise.try facilita o encadeamento de promessas.
- PointerEvent foi estendido para identificar exclusivamente várias canetas.
- E tem muito mais.
Sou Adriana Jara. Vamos nos aprofundar e conhecer as novidades para desenvolvedores no Chrome 128.
Quebrável de linha <ruby>
O elemento <ruby> melhora a apresentação do texto, especialmente para idiomas do leste asiático. Ele permite exibir anotações fonéticas ou outras informações complementares acima ou ao lado do texto de base.
Um elemento rubi consiste em duas partes principais: a base rubi, que é o texto principal, e o texto rubi, que é o texto da anotação, marcado com o elemento.
Antes, se uma base de rubi ou um texto de rubi fosse maior do que uma linha inteira, eles eram agrupados individualmente, criando desafios de layout.
Agora o rubi quebrável de linha posiciona o texto de anotação em rubi sobre o texto base agrupado, atingindo a renderização de texto ideal.
Acesse <ruby> com quebra de linha e propriedade ruby-align de CSS para conferir exemplos e mais informações.
Promise.try
Promise.try facilita o tratamento 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. Caso contrário, pode não ser. Para usar a semântica de promessas para lidar com erros nos dois casos, una a função em uma promessa.
Uma maneira de fazer isso é usando Promise.resolve().then(f). Nesse caso, o f seria executado desnecessariamente de maneira assíncrona na próxima marcação.
Para evitar esse problema, use new Promise(resolve => resolve(f())), que não é ergonômico.
Promise.try é a maneira mais simples e direta de conseguir o mesmo. 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, confira a documentação do Promise.try.
PointerEvent.deviceProperties para escrita com várias canetas
Os desenvolvedores não conseguiam distinguir entre duas canetas individuais em um digitalizador habilitado para tinta. O atributo PointerEvent.pointerId existente é implementado de maneiras diferentes e nem sempre persiste para cada traço de tinta ou interação com a tela.
A interface PointerEvent foi estendida para incluir um novo atributo: deviceProperties. Ele contém o atributo uniqueId, que representa um identificador exclusivo, isolado e persistente na sessão que um desenvolvedor pode usar para identificar canetas individuais que interagem com a página.
Com essa mudança, você pode, por exemplo, definir cores ou formatos de caneta específicos para cada dispositivo que interage com o digitalizador.
Leia sobre os primeiros passos com eventos de ponteiro em Como avançar.
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 de
AudioContextagora são informados peloAudioContext.onerror.O painel Animations do DevTools agora captura animações, e você pode editar
@keyframesem tempo real.
Leia as notas da versão completas.
Leitura adicional
Isso cobre apenas alguns dos principais destaques. Verifique os links a seguir para mudanças adicionais no Chrome 128.
- Novidades no Chrome DevTools (128)
- Atualizações do ChromeStatus.com para o Chrome 128
- Lista de alterações do repositório de origem do Chromium
- Agenda de lançamentos do Chrome
Inscrever-se
Para ficar por dentro das novidades, inscreva-se no Canal Chrome Developers no YouTube, e você receberá uma notificação por e-mail sempre que lançarmos um novo vídeo.
Adriana Jara! Assim que o Chrome 128 for lançado, estarei aqui para contar as novidades do Chrome!