Primeira vez na plataforma da Web em outubro

Descubra alguns dos recursos interessantes que chegaram aos navegadores da Web estáveis e Beta em outubro de 2026.

Rachel Andrew

Publicado em: 29 de outubro de 2026

Versões estáveis do navegador

Chrome 155, Chrome 156, Firefox 158, Firefox 159, Safari 27.1 e Safari 27.2 lançados para o canal estável em outubro de 2026. Nesta postagem, vamos conferir os novos recursos que serão lançados nos navegadores este mês, com vários recursos importantes alcançando o Baseline recém-disponível.

Animações de rolagem se tornam Baseline

O Firefox 159 ativa animações de rolagem por padrão.

As animações acionadas por rolagem permitem vincular o progresso de uma animação CSS ou da API Animation Web ao deslocamento de rolagem de um contêiner de rolagem, usando scroll-timeline e a função scroll(), ou à visibilidade de um elemento na porta de rolagem, usando view-timeline e a função view(), atribuída com animation-timeline:

Com suporte no Chrome, no Safari e agora no Firefox 159, as animações de rolagem estão disponíveis na versão recém-lançada do Baseline.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: 159.
  • Safari: 26.

Source

Confira Animações de rolagem: o caminho para o Baseline recém-disponibilizado e role a linha do tempo para saber como as animações de rolagem evoluíram de uma proposta do início de 2014 para um padrão da Web interoperável enviado em todos os principais mecanismos de navegador.

Os registros de elementos personalizados com escopo se tornam Baseline

O Firefox 159 adiciona suporte a registros de elementos personalizados com escopo.

Antes, todos os elementos personalizados precisavam ser registrados em um único registro global window.customElements, o que poderia causar colisões de nomes ao combinar componentes de diferentes bibliotecas ou equipes. Agora é possível criar uma instância independente de CustomElementRegistry usando o construtor CustomElementRegistry() e definir o escopo das definições dela para uma árvore de sombra específica. A propriedade customElementRegistry também está disponível em Document, Element e ShadowRoot.

Com suporte no Chrome, Safari e Firefox 159, os registros de elementos personalizados com escopo agora estão disponíveis na versão recém-lançada do Baseline.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 159.
  • Safari: 26.

Source

Suporte a imagens JPEG XL

O Chrome 155 e o Firefox 158 ativam o suporte ao formato de imagem JPEG XL (image/jxl) por padrão.

O JPEG XL é um formato de imagem rasterizada livre de royalties padronizado como ISO/IEC 18181. Ele oferece suporte à compactação com e sem perdas, decodificação progressiva, ampla gama de cores, High Dynamic Range (HDR), alta profundidade de bits, transparência e animação, além de transcodificação sem perdas de arquivos JPEG. O Firefox 158 também atualiza o cabeçalho HTTP Accept padrão para solicitações de imagem para incluir image/jxl.

Saiba mais em Como enviar JPEG XL no Chrome.

Browser Support

  • Chrome: 155.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 17.

Source

A aritmética tipada de CSS se torna um recurso do Baseline

O Firefox 158 adiciona suporte à aritmética tipada de CSS em funções matemáticas, como calc().

A aritmética tipada do CSS permite dividir dois valores do mesmo tipo de dados, mesmo que eles usem unidades diferentes, para produzir um quociente <number> sem unidade. Você pode usar esse resultado sem unidade diretamente em propriedades que aceitam números (como opacity ou line-height) ou multiplicá-lo por outra unidade para converter entre tipos:

Com o Firefox 158 adicionando suporte ao Chrome e ao Safari, a aritmética tipada do CSS agora é um recurso recém-disponível do Baseline.

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 158.
  • Safari: 26.

PerformanceResourceTiming.deliveryType

O Firefox 158 adiciona suporte à propriedade PerformanceResourceTiming.deliveryType.

Essa propriedade indica como um recurso foi entregue. Por exemplo, retornando "cache" quando um recurso foi disponibilizado pelo cache.

Browser Support

  • Chrome: 117.
  • Edge: 117.
  • Firefox: 158.
  • Safari: 26.4.

Source

A função CSS random()

O Chrome 156 adiciona suporte à função CSS random().

A função random() gera um valor numérico aleatório dentro de um intervalo mínimo e máximo especificado, com um intervalo de etapas opcional. Por padrão, cada chamada random() é resolvida como um valor aleatório distinto, ou você pode transmitir um <random-key> como o primeiro argumento para compartilhar um valor aleatório entre propriedades ou elementos:

Confira exemplos no artigo Embracing playful imperfection with the CSS random() function (em inglês) na Smashing Magazine.

Browser Support

  • Chrome: 156.
  • Edge: 156.
  • Firefox Technology Preview: supported.
  • Safari: 26.2.

Source

A propriedade CSS margin-trim

O Chrome 155 adiciona suporte à propriedade CSS margin-trim em contêineres de bloco e de várias colunas.

É possível usar margin-trim em um contêiner para omitir as margens dos elementos filhos onde eles encontram as bordas do contêiner, evitando espaçamento extra antes do primeiro filho ou depois do último sem precisar de substituições de :first-child ou :last-child.

Saiba mais em Remover margens de início e fim com a propriedade margin-trim.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: not supported.
  • Safari: 16.4.

Source

Estilos de contador inline com a função CSS symbols()

O Chrome 155 oferece suporte à função CSS symbols().

A função symbols() permite definir um estilo de contador anônimo diretamente em list-style-type, na abreviação list-style, em counter() ou em counters() sem declarar uma regra @ @counter-style separada.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 35.
  • Safari Technology Preview: supported.

Source

A propriedade CSS text-decoration-skip-spaces

O Chrome 155 adiciona a propriedade CSS text-decoration-skip-spaces, que controla se as linhas de decoração de texto, como sublinhados, sobrelinhas e tachados, pulam caracteres de espaço em branco. Isso evita que as decorações sejam desenhadas em espaços iniciais, finais ou entre palavras.

Browser Support

  • Chrome: 155.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: not supported.

A pseudoclasse CSS :navigation-source

O Chrome 156 apresenta a pseudoclasse CSS :navigation-source. Ele corresponde ao link, botão ou elemento de formulário que iniciou uma navegação e mantém esse elemento selecionado durante toda a navegação.

Browser Support

  • Chrome: 156.
  • Edge: 156.
  • Firefox: not supported.
  • Safari: not supported.

Importações de módulos de texto JavaScript e novas tentativas de carregamento de módulos com falha

O Chrome 155 adiciona suporte a importações de módulos de texto usando import ... with { type: "text" }, juntando-se ao Firefox. O atributo de importação type: "text" carrega o conteúdo do módulo de destino como uma string JavaScript.

Browser Support

  • Chrome: 155.
  • Edge: 155.
  • Firefox: 153.
  • Safari: not supported.

Source

O Chrome 156 também atualiza o comportamento de carregamento de módulos para que os carregamentos de módulos com falha não sejam mais armazenados em cache permanentemente. Agora os aplicativos podem tentar carregar novamente os módulos que falharam, por exemplo, chamando import() de novo após uma falha temporária de rede.

Atualizações do WebTransport no Chrome e no Firefox

O Firefox 158 e o Chrome 156 expandem WebTransport:

O Firefox 158 adiciona o método WebTransport.getStats() para recuperar estatísticas de conexão e datagrama, além da propriedade estática WebTransport.supportsReliableOnly, que indica se o navegador oferece suporte a sessões do WebTransport em transportes exclusivamente confiáveis.

Browser Support

  • Chrome: 157.
  • Edge: 157.
  • Firefox: 158.
  • Safari: 26.4.

Source

O Chrome 156 adiciona suporte para transmitir cabeçalhos de solicitação HTTP personalizados em WebTransportOptions durante o handshake inicial de CONNECT e ler cabeçalhos de resposta do servidor da instância WebTransport.

A opção Notification navigate no Firefox

O Firefox 158 adiciona suporte à opção navigate no construtor Notification() e ServiceWorkerRegistration.showNotification(), além da propriedade Notification.navigate, que se junta ao Safari. Essa opção especifica um URL para o navegador acessar quando o usuário clica na notificação do sistema.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: 18.5.

Source

Atualizações da API HTML Sanitizer no Firefox

O Firefox 158 adiciona a opção de configuração javascriptURLs e Sanitizer.setJavascriptURLs() à API HTML Sanitizer, controlando se os atributos que contêm URLs javascript: são removidos ao usar métodos de inserção de HTML não seguros, como Element.setHTMLUnsafe().

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 158.
  • Safari: not supported.

O Firefox 159 também atualiza métodos de limpeza seguros, como Element.setHTML(), para remover elementos e atributos indesejados durante a análise, em vez de depois de criar a árvore do DOM, garantindo que o texto vizinho permaneça em um único nó de texto.

Renomear flow-tolerance como fit-tolerance no Safari

O Safari 27.2 renomeia a propriedade flow-tolerance como fit-tolerance para o layout de faixas de grade (display: grid-lanes), mantendo flow-tolerance como um alias descontinuado.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: not supported.
  • Safari: 26.4.

Versões Beta do navegador

As versões Beta do navegador mostram uma prévia do que estará na próxima versão estável. É um ótimo momento para testar novos recursos ou remoções que podem afetar seu site antes que o mundo receba essa versão. As novas versões Beta deste mês são o Chrome 157, o Chrome 158 e o Firefox 160.

O Chrome 157 Beta inclui a abreviação de CSS corner e as subabreviações de borda para definir border-radius e corner-shape juntos, text-decoration-inset, text-overflow: <string>, position-visibility: anchor-valid e anchor-visible. Ele também inclui suporte à renderização de HTML-in-canvas e um atributo displaymode somente de ícone para os elementos de recurso <camera>, <microphone> e <geolocation>.

A versão Beta do Chrome 158 apresenta o elemento HTML declarativo <install> e a API Web Install (navigator.install()) para instalação de apps da Web entre origens. As adições de CSS e SVG incluem o seletor de destaque personalizado universal ::highlight(*), pseudoclasses de estado de elemento de mídia (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), palavras-chave de alinhamento flow-start e flow-end e os raios closest-corner e farthest-corner para formas básicas circle() e ellipse().

O Firefox 160 Beta atualiza a API WebExtensions runtime.PlatformInfo para retornar arch como arm64 em vez de aarch64 em plataformas ARM64, alinhando-se ao Chrome.