Novidades no Chrome 114

Adriana Jara

Veja o que é necessário saber:

• O CSS text-wrap: balance está disponível para melhorar os layouts de texto.
• Os cookies particionados por site de nível superior (CHIPS) estão aqui.
• Os popovers estão mais fáceis do que nunca com a API Popover.
• E há muito mais.

Meu nome é Adriana Jara. Vamos conhecer as novidades para os desenvolvedores no Chrome 114.

text-wrap:balance.

Use text-wrap: balance para melhorar os layouts de texto. A animação abaixo mostra a diferença que você pode fazer com essa linha.

Faça uma demonstração

Como desenvolvedor, você não sabe o tamanho final, o tamanho da fonte ou mesmo o idioma do texto. Todas as variáveis são necessárias para um tratamento eficaz de ajuste de texto. Como o navegador conhece todos os fatores, com text-wrap:balance, você pode solicitar que o navegador descubra a melhor solução de quebra de linha equilibrada.

O bloco de texto equilibrado é mais agradável aos olhos do leitor. Ele chama mais a atenção e é mais fácil de ler no geral.

Os títulos de balanceamento serão e devem ser o principal caso de uso para text-wrap: balance. Há um custo de desempenho para equilibrar o texto, portanto, para reduzir o custo, ele só funciona para até quatro linhas.

Confira este artigo com exemplos e mais detalhes para melhorar seus layouts de texto.

CHIPS: cookies com estado particionado independente.

A CHIPS (cookies com estado particionado independente) permite que cookies de terceiros sejam particionados pelo site de nível superior usando o novo atributo de cookie Partitioned.

Antes dos CHIPS, quando um usuário acessa o site A, o site C incorporado podia definir um cookie na máquina do usuário. Se o usuário visitar o site B, que também incorpora o site C, o site C poderá acessar o mesmo cookie definido no site A. Isso permite que o site C compile a atividade de navegação de um usuário nos sites A, B e em todos os sites em que foi incorporado.

Embora o rastreamento entre sites seja um problema, há necessidades válidas de cookies entre sites que podem ser atendidas com o particionamento de cookies para preservar a privacidade.

Com os CHIPS, quando um usuário acessa o site A, e o conteúdo incorporado do site C define um cookie com o atributo "Particionado", o cookie é salvo em um jar particionado somente para os cookies que o site C define quando ele é incorporado no site A. O navegador só enviaria esse cookie quando o site de nível superior fosse A.

Quando o usuário visita um novo site, por exemplo, o site B, o site C não recebe o cookie definido quando C foi incorporado ao site A.

Confira este artigo para saber mais detalhes sobre o processo de desativação gradual de cookies de terceiros.

A API Popover.

Com a Popover API, é mais fácil criar elementos temporários de interface do usuário que são exibidos sobre todas as outras interfaces de apps da Web.

Isso inclui elementos interativos com o usuário, como menus de ação, sugestões de elementos de formulário, seletores de conteúdo e interface de ensino.

O novo atributo de pop-up permite que qualquer elemento seja exibido na camada superior automaticamente. Isso significa que o desenvolvedor não precisa mais se preocupar com posicionamento, empilhamento de elementos, foco ou interações do teclado.

Ele é semelhante ao elemento <dialog>, mas tem várias diferenças importantes, incluindo o comportamento de dispensar luz, gerenciamento de interação de pop-up e suporte a eventos, além da ausência de um modo "modal".

Confira este artigo para mais informações.

E muito mais.

Claro, há muito mais.

• O DevTools permite pausar e depurar código C e C++ em apps WebAssembly com suporte a DWARF.
• A opção exclusionFilters no navigator.bluetooth.requestDevice() permite que os desenvolvedores da Web excluam alguns dispositivos do seletor do navegador.
• Há um teste de origem para o Desfoque de plano de fundo.

Leia mais

Isso aborda apenas alguns destaques importantes. Confira os links abaixo para ver outras mudanças no Chrome 114.

• Novidades no Chrome DevTools (114)
• Descontinuações e remoções do Chrome 114
• Atualizações do ChromeStatus.com para o Chrome 114
• Lista de alterações do repositório de origem do Chromium
• Agenda de lançamentos do Chrome

Fazer inscrição

Para ficar por dentro, inscreva-se no canal do YouTube para desenvolvedores do Chrome. Você receberá uma notificação por e-mail sempre que lançarmos um novo vídeo.

Adriana Jara, Soja! Assim que o Chrome 115 for lançado, estarei aqui para contar as novidades do Chrome.