Publicado em 2 de junho de 2026
O Chrome 149 já está sendo lançado, e este post compartilha alguns dos principais recursos da versão. Leia as notas de lançamento completas do Chrome 149.
Destaques desta versão:
- As decorações de lacunas CSS permitem 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 lacunas CSS
As decorações de lacunas CSS permitem 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 pseudo-elementos. Esse recurso é compatível com a melhoria progressiva. Em navegadores sem suporte, as lacunas são renderizadas normalmente sem decorações.
Ele introduz 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 todas as lacunas. A largura, a cor e as inserções da regra são totalmente animáveis, permitindo que você faça a transição delas ao passar o cursor ou em outras mudanças de estado.
Saiba mais no post estável de decorações de lacunas 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 ativos 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 navegava para fora 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 Widely available.
As variantes fazem parte do identificador de idioma principal e selecionam variantes de um idioma que a tupla (idioma, região, script) não pode 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 do MDDN para Intl.Locale.prototype.variants.
Leitura adicional
Isso abrange apenas alguns destaques principais. Confira os links a seguir para outras mudanças no Chrome 149.
- Notas de lançamento do Chrome 149.
- Novidades do 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 Chrome Developers YouTube e receba uma notificação por e-mail sempre que lançarmos um novo vídeo. Ou siga a gente no X ou no LinkedIn para receber novos artigos e posts do blog.
Assim que o Chrome 150 for lançado, vamos informar as novidades do Chrome!