O lançamento do Firefox 141 Beta marca mais um passo decisivo da Mozilla na missão de entregar um navegador moderno, seguro e alinhado com as necessidades atuais de desenvolvedores web e de add-ons. Com estreia prevista para 22 de julho de 2025, esta versão beta revela uma série de melhorias estratégicas em HTML, CSS, HTTP e diversas APIs web, além de trazer um salto considerável em recursos para automação e testes via WebDriver. O pacote de novidades vai muito além de pequenas correções: são funções que promovem acessibilidade, performance, privacidade e interoperabilidade.
Ao incorporar inovações como suporte ao atributo webkitdirectory, o novo CSS font-variant-emoji property, aprimoramentos de privacidade via Clear-Site-Data e atualizações robustas em WebDriver BiDi e Marionette, o Firefox 141 Beta se consolida como uma escolha avançada para quem desenvolve a próxima geração de aplicações web. Além disso, funcionalidades experimentais apontam para o futuro das experiências interativas na web, enquanto ferramentas aprimoradas para desenvolvedores de extensões ampliam o potencial criativo sobre a plataforma. Veja, a seguir, os principais destaques da versão.
Novidades para desenvolvedores web: HTML, CSS e HTTP
HTML: o atributo webkitdirectory no Firefox Android
Uma das novidades mais aguardadas é a chegada do HTML webkitdirectory attribute e da HTMLInputElement.webkitdirectory property ao Firefox Android. Com essa implementação, agora é possível que <input type="file"> permita ao usuário selecionar diretórios inteiros, não apenas arquivos individuais. Isso facilita fluxos como upload em massa de imagens, documentos ou projetos inteiros em dispositivos móveis, promovendo experiências mais ricas e flexíveis. Um detalhe importante: os arquivos retornados terão o campo File.webkitRelativePath sempre vazio, o que limita o uso do recurso em casos onde a reconstrução da estrutura de diretórios é essencial. Ainda assim, a funcionalidade aproxima o Firefox Android dos demais navegadores que já ofereciam essa possibilidade, como Google Chrome e Microsoft Edge, melhorando a compatibilidade cross-browser para aplicações web progressivas.
CSS: a propriedade font-variant-emoji para estilizar emojis
Outro destaque é a introdução da CSS font-variant-emoji property, que permite aos desenvolvedores definir a apresentação padrão dos emojis em seu site ou aplicação. Com esse recurso, é possível forçar a exibição de emojis como texto simples ou como gráficos coloridos, de acordo com o contexto desejado. O controle refinado sobre a renderização dos emojis não só proporciona consistência visual entre plataformas, mas também permite decisões de design que atendam à identidade da marca, preferências do usuário ou acessibilidade. A propriedade amplia a capacidade de personalização do conteúdo, acompanhando tendências modernas de design digital.
HTTP: Clear-Site-Data e o reforço da privacidade no bfcache
A privacidade ganha um reforço com a ampliação do Clear-Site-Data response header, que agora inclui a limpeza do bfcache (backwards-forwards cache). Esse cache armazena o estado das páginas visitadas para acelerar a navegação ao voltar e avançar, mas pode inadvertidamente reter informações sensíveis após, por exemplo, um logout. Com a diretiva "cache", sites podem garantir que qualquer vestígio de dados, inclusive o bfcache, seja eliminado assim que o usuário sair ou realizar operações críticas. A atualização protege dados pessoais e reduz riscos de exposição acidental, tornando o Firefox ainda mais seguro em fluxos autenticados e ambientes compartilhados.
APIs web: maior controle sobre interação, observação e UI
PersistentDeviceId no PointerEvent: identificação única de dispositivos apontadores
A PointerEvent interface agora incorpora a persistentDeviceId property, uma inovação para aplicações que dependem de dispositivos apontadores, como canetas digitais. Essa propriedade fornece um identificador único e persistente para o dispositivo, permitindo experiências mais inteligentes, como a associação de preferências ou configurações por dispositivo. Softwares de desenho, edição gráfica ou ensino podem, por exemplo, distinguir entre diferentes canetas em uma mesma sessão, elevando a personalização e o controle sem comprometer a privacidade do usuário.
ScrollMargin no IntersectionObserver: observando elementos fora da tela
Com a chegada da scrollMargin property à IntersectionObserver interface, desenvolvedores ganham mais precisão ao monitorar a entrada e saída de elementos na viewport, especialmente em cenários com múltiplos containers de rolagem. Essa propriedade adiciona uma margem virtual ao redor dos elementos observados, permitindo que eventos de interseção sejam disparados antes mesmo que o elemento esteja totalmente visível. O resultado são animações mais suaves, pré-carregamento inteligente de conteúdo e transições mais responsivas em experiências dinâmicas como infinitescroll, slideshows e páginas de produtos.
HTMLDialogElement e HTMLElement: controle aprimorado de diálogos e popovers
A usabilidade de diálogos e popovers avança com novos atributos e métodos na HTMLDialogElement interface e na HTMLElement interface. O novo closedBy attribute indica como o diálogo foi fechado — se por clique fora, teclado ou ação programática —, oferecendo insights para feedbacks personalizados ou auditorias de UX. Além disso, os métodos showPopover() e togglePopover() agora aceitam opções como options.source (para vincular popovers a elementos invocadores, melhorando a acessibilidade e posicionamento) e o parâmetro force (que força a abertura ou fechamento, mesmo diante de restrições). Essas melhorias tornam mais simples a criação de interfaces contextuais ricas e acessíveis, facilitando fluxos como menus dinâmicos, tooltips e assistentes inteligentes.
Conformidade WebDriver: Marionette e WebDriver BiDi mais robustos e flexíveis
WebDriver BiDi: suporte a proxy para user contexts e eventos de histórico
No campo da automação de testes e integração contínua, o WebDriver BiDi ganha recursos que ampliam sua flexibilidade. Agora, é possível definir o argumento proxy no comando browser.createUserContext, configurando diferentes proxies (direto ou manual) para Firefox Containers — um recurso poderoso para testes de isolamento, privacidade e simulação de cenários geográficos ou de rede. O novo evento BrowseContext.historyUpdated emite notificações sempre que comandos como history.pushState(), history.replaceState() ou document.open() são executados, permitindo testes e depuração mais precisos do comportamento de navegação dinâmica em aplicações modernas. Além disso, mensagens de erro mais claras auxiliam desenvolvedores ao instalar extensões web não empacotadas ou não assinadas em modo permanente.
Outros aprimoramentos incluem a adequação dos comandos BrowseContext.navigate e BrowseContext.reload para esperarem pelo evento BrowseContext.navigationCommitted quando a opção “wait”: “none” é usada, trazendo previsibilidade para fluxos assíncronos de navegação. O suporte expandido às APIs de cookies do WebDriver BiDi também inclui agora o valor “default” para o atributo sameSite, alinhando o comportamento com as mudanças de plataforma que impedem o uso de sameSite=None com secure=false em páginas HTTP.
Marionette: otimização de timeouts e suporte a CHIPS cookies
A engine Marionette foi otimizada com a redução do click-and-wait timeout de 200ms para 50ms no comando WebDriver:ElementClick, tornando os testes automatizados mais rápidos e compatíveis com versões anteriores. Este timeout também pode ser customizado ou desabilitado conforme as necessidades do projeto. Um avanço relevante é a adição do suporte aos CHIPS cookies (Cookies Having Independent Partitioned State), uma evolução da arquitetura de cookies para oferecer partição independente do estado por domínio. Essa tecnologia, fundamental para privacidade e isolamento de contexto em navegação moderna, já está sendo adotada também por navegadores como Google Chrome e Safari.
Mudanças para desenvolvedores de add-ons e recursos experimentais
i18n.getPreferredSystemLanguages: acesso a idiomas preferidos do sistema
O ecossistema de extensões do Firefox ganha um novo método na API de internacionalização: i18n.getPreferredSystemLanguages. Esse método permite que desenvolvedores de add-ons consultem diretamente os idiomas preferidos do sistema operacional, complementando o já conhecido i18n.getAcceptLanguages, que retorna os idiomas definidos no navegador. O resultado é uma experiência multilíngue mais inteligente e contextualizada, capaz de oferecer conteúdo ou interfaces automaticamente adaptadas ao ambiente do usuário, sem depender apenas das configurações do navegador.
Recursos web experimentais: visualização de transições de visualização em SPAs
Entre as funcionalidades experimentais — desabilitadas por padrão, mas ativáveis via about:config —, destaca-se a :active-view-transition pseudo-class, que abre caminho para animações e transições de visualização elegantes em single-page apps (SPA). Com ela, é possível estilizar elementos durante mudanças de tela ou estado, promovendo experiências visuais mais sofisticadas e fluidas. Esse tipo de inovação aproxima o Firefox do que há de mais moderno no desenvolvimento de interfaces web, incentivando a adoção de padrões emergentes antes mesmo de sua padronização definitiva.
Conclusão: Firefox 141 Beta – inovação e segurança para o futuro do desenvolvimento web
O Firefox 141 Beta reafirma o compromisso da Mozilla com um ecossistema web aberto, seguro e em constante evolução. Ao oferecer novas APIs, maior controle sobre interações e interface do usuário, aprimoramentos na automação de testes e robustez em privacidade e internacionalização, o navegador se destaca como aliado indispensável de desenvolvedores web e criadores de extensões. A integração de recursos experimentais e o alinhamento com as demandas do mercado garantem que o Firefox siga relevante e inovador, impulsionando experiências mais ricas e seguras para usuários de todo o mundo.
Se você atua em desenvolvimento web, automação, testes ou criação de add-ons, vale a pena explorar e experimentar as novidades do Firefox 141 Beta — seja para modernizar aplicações, garantir acessibilidade ou manter a competitividade em um ambiente digital cada vez mais exigente e sofisticado.
