Publicado em: 2 de junho de 2026
O Chrome 149 já está sendo lançado, e esta postagem compartilha alguns dos principais recursos da versão. Leia as notas da versão 149 do Chrome completas.
Destaques desta versão:
- Com as decorações de lacuna do CSS, é possível estilizar as lacunas em layouts de contêineres, como grade e flexbox.
- A opção Desconectar WebSockets na entrada do bfcache permite que páginas com conexões WebSocket ativas entrem no cache de avanço e retorno.
- Intl.Locale.prototype.variants retorna ou define as variantes de uma localidade.
Decorações de lacuna do CSS
Com as decorações de lacuna do CSS, é possível estilizar lacunas em layouts de contêineres, como grade e flexbox, trazendo consistência e novas opções de estilo que antes exigiam hacks complexos de borda e pseudoelemento. Esse recurso é compatível com o aprimoramento progressivo. Em navegadores sem suporte, as lacunas são renderizadas normalmente, sem decorações.
Ele apresenta propriedades como column-rule-inset e row-rule-inset para reduzir ou estender decorações, e column-rule-visibility-items e row-rule-visibility-items para mostrar regras apenas entre itens adjacentes ou em todos os intervalos. A largura, a cor e os encartes da regra são totalmente animáveis, permitindo
a transição deles ao passar o cursor ou em outras mudanças de estado.
Saiba mais na postagem estável sobre decorações de lacuna do CSS.
Desconectar WebSockets na entrada do bfcache
As conexões WebSocket ativas não impedem mais que uma página entre no cache de avanço e retorno (bfcache). Ao fechar proativamente as conexões WebSocket na entrada do BFCache em vez de marcar o documento como inelegível, o navegador permite que páginas com WebSockets ativas sejam armazenadas na memória e restauradas instantaneamente.
Antes, qualquer conexão WebSocket ativa forçava o navegador a descartar a página quando o usuário saía dela, impedindo que ela fosse armazenada no cache de avanço e retorno (bfcache).
Intl.Locale.prototype.variants
O objeto Intl.Locale representa um identificador de localidade Unicode.
O objeto principal é o Baseline amplamente disponível.
As variantes fazem parte do identificador de idioma principal e selecionam variantes de um idioma que a tripla (idioma, região, script) não consegue diferenciar. Esse recurso já foi lançado no Firefox e no Safari e agora está disponível no Chrome.
Exemplo:
const locale = new Intl.Locale("sl-rozaj-biske");
console.log(locale.variants); // "rozaj-biske"
Saiba mais na documentação da MDN para Intl.Locale.prototype.variants.
Leitura adicional
Isso abrange apenas alguns destaques importantes. Confira os links a seguir para mais mudanças no Chrome 149.
- Notas da versão do Chrome 149.
- Novidades no Chrome DevTools (149).
- Atualizações do ChromeStatus.com para o Chrome 149.
- Calendário de lançamentos do Chrome.
Inscrever-se
Para ficar atualizado, 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. Ou siga nosso perfil no X ou no LinkedIn para ler novos artigos e postagens do blog.
Assim que o Chrome 150 for lançado, vamos contar tudo sobre as novidades do Chrome!