Balanceamento de título do CSS, CHIPS, evento de rolagem e pop-up.
Salvo indicação em contrário, as mudanças descritas abaixo se aplicam à versão mais recente do Canal Beta do Chrome para Android, ChromeOS, Linux, macOS e Windows. Saiba mais sobre os recursos listados nos links fornecidos ou na lista em ChromeStatus.com. O Chrome 114 está na versão Beta desde 3 de maio de 2023. Faça o download da versão mais recente em Google.com para computador ou na Google Play Store no Android.
CSS
Nesta versão, adicionamos dois novos recursos CSS.
Balanceamento de títulos de CSS
Esse recurso oferece uma maneira de equilibrar o comprimento das linhas em um elemento, para melhor legibilidade e de minimizar órfãos tipográficos, para texto que flui para quatro linhas ou menos. Isso é muitas vezes útil para títulos. Por exemplo, o CSS a seguir equilibraria todos os níveis de título e aspas de bloco:
h1, h2, h3, h4, h5, h6, blockquote {
text-wrap: balance;
}
Além da propriedade text-wrap, a propriedade white-space-collapse também tem suporte, e a propriedade white-space se torna uma abreviação dessas propriedades.
Saiba mais em CSS text-wrap: balance.
Alias overflow: overlay para overflow: auto
O Chrome 114 remove o modo de rolagem overflow: overlay e torna overlay um alias legado de auto. O uso de overflow: overlay é igual ao overflow: auto, exceto pelo fato de não impedir que o conteúdo se estenda para o gutter da barra de rolagem, nos casos em que barras de rolagem do SO sem sobreposição estejam presentes. Se houver barras de rolagem de sobreposição, não haverá efeito.
APIs Web
API NotRestoredReason de cache de avanço e retorno
A API NotRestoredReason informa por que uma página não é veiculada do BFcache em uma estrutura de árvore de frames, usando a API PerformanceNavigationTiming.
cookies com estado particionado independente (CHIPS, na sigla em inglês)
O Chrome planeja tornar os cookies de terceiros obsoletos. Por isso, os desenvolvedores precisam usar esses cookies em contextos de terceiros particionados por sites de nível superior. Isso é necessário para casos de uso que não estão relacionados ao rastreamento entre sites. por exemplo, incorporações SaaS, CMS headless e domínios sandbox). O atributo de cookie CHIPS de Partitioned permite que os desenvolvedores ativem o particionamento de cookies de terceiros por site de nível superior. Ele é ativado nas variações do Chrome 110 e nas versões mais recentes. No Chrome 114, os CHIPS serão ativados por padrão em todas as instâncias do navegador.
Saiba mais sobre os CHIPS.
O evento scrollend
Esse evento esclarece aos desenvolvedores quando uma rolagem foi concluída (incluindo a própria rolagem e todas as atualizações de deslocamentos da rolagem) por meio de listeners de eventos. Saber quando uma rolagem foi concluída é útil por vários motivos. Por exemplo, sincronizar uma lógica na seção selecionada, buscar itens em uma lista ou acionar novas animações. Esse recurso simplifica muito a lógica de processamento de efeitos de fim de rolagem, garantindo que eles sejam consistentes em muitas modalidades de entrada diferentes Atualmente, os desenvolvedores atendem a essa necessidade observando eventos de rolagem e criando algoritmos de tempo limite ad-hoc.
Saiba mais sobre o evento scrollend.
A API Popover
Uma API que pode ser usada para criar elementos transitórios de interface do usuário que são exibidos por cima de 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 IU de ensino. Essa API usa um novo atributo de conteúdo popover para permitir que qualquer elemento seja exibido na camada superior. Ele é semelhante ao elemento <dialog>, mas tem várias diferenças importantes, incluindo o comportamento de dispensar a luz, o gerenciamento de interação de pop-up, o suporte a eventos e a falta de um modo "modal".
Saiba mais sobre a API Popover.
Opção Web Bluetooth exclusionFilters em requestDevice()
A opção exclusionFilters no navigator.bluetooth.requestDevice() permite que os desenvolvedores da Web excluam alguns dispositivos do seletor do navegador. Ele pode ser usado para excluir dispositivos que correspondem a um filtro mais amplo, mas não são compatíveis.
Confira um exemplo de código (link em inglês) que ilustra o uso da API Web Bluetooth para recuperar informações básicas de um dispositivo Bluetooth de baixa energia nas proximidades com filtros de exclusão básicos.
Proposta constante estendida do WebAssembly
O Chrome 114 implementa a proposta de constante estendida WebAssembly. Nesta proposta, adicionamos as seguintes novas instruções à lista de instruções de constantes válidas: i32.add, i32.sub, i32.mul, i64.add, i64.sub e i64.mul.
Testes de origem em andamento
No Chrome 114, você pode ativar os novos testes de origem a seguir.
Medição da atribuição entre apps e na Web
Amplia a API Attribution Reporting para permitir a atribuição de conversões que acontecem na Web a eventos que acontecem fora do navegador, em outros apps. A proposta aproveita o suporte no nível do SO para atribuição. Mais especificamente, ela oferece ao desenvolvedor a opção de permitir que eventos na Web para dispositivos móveis sejam combinados com eventos no Sandbox de privacidade do Android, embora também seja possível implementar outras plataformas.
Faça sua inscrição para o teste de medição da atribuição entre apps e na Web
API Background Blur
A API Background Blur permite que os desenvolvedores Web usem a API da plataforma nativa para segmentar o plano de fundo da câmera. Como o desfoque do plano de fundo se tornou um dos recursos mais usados em apps de videoconferência, queremos que os apps da Web aproveitem as mesmas APIs de plataforma sem precisar depender de frameworks de ML como TensorFlow.js, Mediapipe, bibliotecas WASM ou soluções baseadas na nuvem.
Inscreva-se no teste de origem do Desfoque de plano de fundo.
Descontinuações e remoções
Não há novas descontinuações ou remoções no Chrome 114.