Balanceamento de título 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 aqui 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ítulo CSS
Esse recurso oferece uma maneira de equilibrar o comprimento das linhas em um elemento, para melhor legibilidade e minimizar órfãos tipográficos, para texto que flui para quatro linhas ou menos. Isso geralmente é útil para títulos. Por exemplo, o CSS a seguir equilibraria todos os níveis de título e aspas:
h1, h2, h3, h4, h5, h6, blockquote {
text-wrap: balance;
}
Além da propriedade text-wrap, a propriedade white-space-collapse também é compatível, 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 é o mesmo que overflow: auto, mas não impede que o conteúdo se estenda para o gutter da barra de rolagem, nos casos em que há barras de rolagem sem sobreposição do SO. Se houver barras de rolagem sobrepostas, não haverá efeito.
APIs Web
API NotRestoredReason de cache de avanço e retorno
A API NotRestoredReason informa a lista de motivos pelos quais uma página não é veiculada no cache de avanço e retorno em uma estrutura de árvore de frames usando a API PerformanceNavigationTiming.
Cookies com estado particionado independente (CHIPS)
O Chrome vai deixar de usar cookies de terceiros. Por isso, os desenvolvedores precisam conseguir usar cookies em contextos de terceiros que sejam 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. Os CHIPS são ativados pelas variações do Chrome no Chrome 110 e 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 as atualizações nos deslocamentos da rolagem) por meio de listeners de eventos. Saber quando uma rolagem foi concluída é útil por vários motivos. Por exemplo, sincronizar alguma lógica na seção capturada, buscar itens em uma lista ou acionar novas animações. Esse recurso simplifica muito a lógica para lidar com 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 (IU) que são exibidos sobre todas as outras interfaces de apps da Web. Isso inclui elementos interativos do usuário, como menus de ação, sugestões de elementos de formulário, seletores de conteúdo e interface de ensino. Essa API usa um novo atributo de conteúdo popover para permitir que qualquer elemento seja mostrado na camada superior. Isso é semelhante ao elemento <dialog>, mas tem várias diferenças importantes, incluindo o comportamento de dispensar a luz, o gerenciamento de interações de pop-over e o suporte a eventos, além da falta de um "modal". modo
Saiba mais sobre a API Popover.
Opção exclusionFilters do Bluetooth Web em requestDevice()
A opção exclusionFilters em navigator.bluetooth.requestDevice() permite que os desenvolvedores Web excluam alguns dispositivos do seletor de navegador. Ela pode ser usada para excluir dispositivos que correspondem a um filtro mais amplo, mas não são compatíveis.
Confira o 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 (BLE) próximo com filtros de exclusão básicos.
Proposta de constante estendida do WebAssembly
O Chrome 114 implementa a proposta de constante estendida do WebAssembly. Esta proposta adiciona 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, é possível ativar os novos testes de origem a seguir.
Medição de atribuição entre apps e na Web
Amplia a API Attribution Reporting para permitir a atribuição de conversões que ocorrem na Web a eventos que ocorrem fora do navegador e em outros aplicativos. Esta 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 possam ser combinados com eventos no Sandbox de privacidade do Android, embora a compatibilidade com outras plataformas também possa ser implementada.
Inscrever-se no 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 a segmentação de plano de fundo da câmera. Como o desfoque de plano de fundo se tornou um dos recursos mais usados em apps de videoconferência, queremos que os apps da Web usem as mesmas APIs da plataforma sem depender de frameworks de ML como TensorFlow.js, Mediapipe, bibliotecas WASM ou soluções baseadas em 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.