Data de lançamento da versão estável:30 de junho de 2026
Salvo indicação em contrário, as mudanças a seguir se aplicam à versão estável do Chrome 150 canal para Android, ChromeOS, Linux, macOS e Windows.
CSS e interface
Cores do sistema AccentColor e AccentColorText
As cores do sistema AccentColor e AccentColorText podem ser usadas no CSS para
acessar a cor de destaque do sistema especificada no dispositivo do usuário. Isso permite que os desenvolvedores apliquem um estilo semelhante ao de um app nativo ao conteúdo da Web em contextos em que os usuários esperam a integração do tema do SO, como um aplicativo da Web instalado. Os usuários precisam estar em um aplicativo da Web instalado no perfil inicial para que a cor de destaque do sistema seja renderizada.
Bug de rastreamento #40229450 | Entrada do ChromeStatus.com | Especificação
Permitir parâmetro de arredondamento opcional para polygon()
Adiciona um parâmetro de arredondamento de canto opcional na função de forma CSS polygon(). Os desenvolvedores podem especificar um valor de comprimento para arredondar os cantos do polígono sem calcular manualmente as curvas de Bézier.
Bug de rastreamento #329302249 | Entrada do ChromeStatus.com | Especificação
zoom animável
A propriedade CSS zoom é animável e interpolada como um <number>.
Os desenvolvedores podem fazer a transição e animar o zoom para dimensionar elementos e o layout deles de maneira suave, complementando o dimensionamento baseado em transformação.
Bug de rastreamento #393810951 | Entrada do ChromeStatus.com
Modificadores de solicitação url() do CSS
As funções url() do CSS aceitam modificadores de solicitação opcionais após a string de URL entre aspas: cross-origin(), integrity() e referrer-policy(). Esses modificadores controlam o comportamento de busca do recurso referenciado diretamente do CSS, sem exigir mudanças na marcação HTML ou no JavaScript. Por exemplo,
background-image: url("image.png" cross-origin(anonymous)) busca a imagem
usando o modo anônimo do CORS. Isso oferece aos autores controle refinado sobre o acesso entre origens, a integridade de sub-recursos e a política de referenciadores para recursos carregados por CSS, incluindo imagens, fontes, referências SVG e folhas de estilo importadas.
Bug de rastreamento #435625756 | Entrada do ChromeStatus.com | Especificação
Propriedade text-fit do CSS
Dimensiona o tamanho da fonte dos nós de texto para se ajustar perfeitamente à largura da caixa que o contém.
Essa propriedade permite que os desenvolvedores garantam que os títulos ou o conteúdo dinâmico preencham o espaço horizontal disponível sem cálculos manuais de tamanho da fonte ou soluções alternativas complexas de JavaScript. Ela oferece uma solução robusta e nativa do CSS para tipografia responsiva que mantém o alinhamento visual em diferentes tamanhos de tela e comprimentos de texto.
Bug de rastreamento #417306102 | Entrada do ChromeStatus.com | Especificação
background-clip: border-area do CSS
Implementa o valor border-area para a propriedade background-clip do CSS, conforme definido em CSS Backgrounds Level 4. background-clip: border-area recorta o plano de fundo de um elemento na área pintada pelos traços da borda, considerando border-width e border-style, enquanto ignora a transparência de border-color. Isso permite que os desenvolvedores criem bordas gradientes sem border-image.
O WebKit já oferece esse recurso. Essa implementação traz o Chromium para a paridade.
Bug de rastreamento #329302543 | Entrada do ChromeStatus.com | Especificação
Função image(<color>) do CSS
A função image() permite que os autores gerem uma imagem de cor sólida de qualquer cor. A sintaxe é: image() = image( <color> )
Bug de rastreamento #510426954 | Entrada do ChromeStatus.com | Especificação
light-dark() do CSS com valores de imagem
Estende a função light-dark() do CSS para aceitar valores de imagem (url(), image-set(), none) em folhas de estilo do autor, permitindo que propriedades de imagem como background-image, list-style-image, border-image-source, cursor e content alternem automaticamente entre imagens com base no esquema de cores preferido do usuário. Antes, isso só era permitido em folhas de estilo da UA. Isso está alinhado com a especificação CSS Color 5 e corresponde à implementação atual do Firefox.
Bug de rastreamento #491829958 | Entrada do ChromeStatus.com | Especificação
Consultas de contêiner separadas por vírgula
Suporte a várias consultas por regra @container. A regra @container será aplicada se pelo menos uma das consultas corresponder.
Isso possibilita ter consultas de fallback para recursos que não são compatíveis com todos os navegadores.
Bug de rastreamento #41491726 | Entrada do ChromeStatus.com | Especificação
Expor áreas não imprimíveis com CSS
As impressoras geralmente têm uma pequena área em cada uma das quatro bordas de uma folha de papel que não podem ser marcadas de forma confiável, geralmente devido ao mecanismo de manuseio de papel da impressora. Espera-se que as margens de página padrão sejam maiores do que essas áreas, mas, se os autores definirem margens por conta própria e até mesmo quiserem adicionar caixas de margem @page (por exemplo, para cabeçalhos e rodapés personalizados), eles precisam de uma maneira de saber onde é seguro imprimir e onde não é.
O descritor CSS page-margin-safety pode ser usado para evitar essas áreas não imprimíveis.
Bug de rastreamento #368070327 | Entrada do ChromeStatus.com | Especificação
flex-wrap: balance
flex-wrap: balance permite que os desenvolvedores distribuam o conteúdo entre as linhas flexíveis para que ele pareça mais equilibrado (semelhante a text-wrap: balance).
Bug de rastreamento #416755656 | Entrada do ChromeStatus.com | Especificação
Função named-feature() para @supports do CSS
A função named-feature() permite que as regras @supports do CSS consultem um pequeno conjunto de recursos nomeados específicos que não podem ser testados usando outros mecanismos @supports, mas que são considerados muito valiosos para teste.
Bug de rastreamento #353715317 | Entrada do ChromeStatus.com | Especificação
overscroll-behavior: chain
Agora, overscroll-behavior tem valores para: none, auto, contain e o novo valor chain. Esses valores afetam dois efeitos independentes: propagação de rolagem e efeito de borda local (por exemplo, alongamento de rolagem).
none: sem propagação, sem efeito localauto: propagação, efeito localcontain: sem propagação, efeito localchain: propagação, sem efeito local
Bug de rastreamento #499018879 | Entrada do ChromeStatus.com | Especificação
Suporte a path-length como uma propriedade CSS.
Essa mudança introduz uma nova propriedade CSS, path-length, que é mapeada para o atributo de apresentação pathLength do SVG. Ela se aplica a elementos de geometria SVG
que oferecem suporte a pathLength (incluindo <path>, <circle>, <rect>,
<line>, <polyline>, <polygon> e <ellipse>).
Bug de rastreamento #40670251 | Entrada do ChromeStatus.com | Especificação
DOM e HTML
Clonar em todos os elementos descendentes selectedcontent
Várias pequenas mudanças estão sendo feitas em casos extremos do elemento selectedcontent:
- Quando vários elementos selectedcontent são colocados em um elemento de seleção ao mesmo tempo, todos eles serão mantidos atualizados, em vez de apenas o primeiro na ordem do DOM.
- A atualização do elemento selectedcontent é adiada quando ela é executada durante as etapas de inserção, remoção ou movimentação para corrigir problemas de segurança. A atualização é adiada usando etapas de pós-inserção ou microtarefas.
Bug de rastreamento #458113204 | Entrada do ChromeStatus.com | Especificação
Focusgroup
Oferece a capacidade de fornecer declarativamente widgets compostos de navegação por tecla de seta, uma parada de tabulação garantida e memória do último foco, substituindo scripts de tabindex móveis codificados manualmente. Exemplo:
<div focusgroup="toolbar wrap" aria-label="Formatting">
<button>Bold</button>
<button>Italic</button>
<button>Underline</button>
</div>
Entrada do ChromeStatus.com | Especificação
Streaming fora de ordem
Use <template for> e intervalos de instruções de processamento (<?marker>, <?start>,
e <?end>) para atualizar partes atuais do documento sem JS.
Bug de rastreamento #431374376 | Entrada do ChromeStatus.com | Especificação
Analisar instruções de processamento em HTML
As instruções de processamento (sintaxe: <?target data>) são uma construção DOM
atual, exposta em XML, que representa objetos de nó que não são elementos
mas podem ter algum significado semântico para o processamento de um documento.
As instruções de processamento são analisadas pelo analisador HTML e recebem uma API de atributo semelhante a elementos para modificar os dados.
Bug de rastreamento #481087638 | Entrada do ChromeStatus.com | Especificação
Mudanças de comportamento popover=hint
Essa mudança implementa um modelo de empilhamento revisado e simplificado para o atributo popover=hint e as interações dele com popover=auto. Antes, as interações entre esses dois tipos de pop-ups podiam ser complexas em algumas situações de caso extremo (como pop-ups automáticos aninhados em pop-ups de dica) e podiam levar a um comportamento inesperado. No novo modelo, a abertura de um pop-up de dica não fecha inadvertidamente pop-ups automáticos não relacionados. Os pop-ups de dica só ficam ocultos quando o pop-up automático ancestral está oculto ou quando um novo pop-up automático não relacionado é aberto. Além disso, os desenvolvedores podem aninhar com segurança um pop-up automático dentro de um pop-up de dica. Em vez de gerar uma exceção ou interromper a pilha, o pop-up automático aninhado é "rebaixado" normalmente e se comporta como um pop-up de dica.
Isso oferece suporte a casos de uso, como colocar um customizable-select em um popover=hint.
Para melhorar ainda mais a previsibilidade e evitar mutações de estado complexas, também estamos restringindo o comportamento em torno da abertura e do fechamento de pop-ups no evento beforetoggle. Antes, havia proteções para alguns, mas não todos, os casos possíveis. Essa mudança reformula o mecanismo usado para detectar esses casos, de modo que ele gere InvalidStateErrors de forma mais confiável para todos esses casos. Isso garante que o gerenciamento de estado do pop-up permaneça estável e evita bugs de reentrada em loop.
Bug de rastreamento #499019927 | Entrada do ChromeStatus.com | Especificação
Promessas de rolagem programática
Esse recurso fornece um indicador confiável para o status de conclusão de uma rolagem suave programática. Todos os métodos de rolagem em Element e Window retornam objetos Promise que são resolvidos na conclusão da rolagem, e o valor resolvido indica se a rolagem foi interrompida ou não.
Bug de rastreamento #41406914 | Entrada do ChromeStatus.com | Especificação
Gráficos e mídia
Desativar filtros SVG em plug-ins e iframes
O Chrome 150 vai impedir que filtros SVG sejam aplicados a plug-ins incorporados (por exemplo, PDFs) e iframes de origem cruzada ou restritos (por exemplo, iframes em sandbox). Quando um plug-in ou iframe for renderizado com um efeito de filtro SVG, a árvore de efeitos será percorrida para encontrar o ancestral mais alto sem filtros SVG, e o efeito desse ancestral será aplicado no lugar.
Bug de rastreamento #47666486 | Entrada do ChromeStatus.com | Especificação
WebGPU: imediatos
Adiciona um novo espaço de endereço imediato no WGSL e um método setImmediateData() na passagem de renderização, na passagem de computação e nos codificadores de pacote de renderização que permite que os desenvolvedores transmitam pequenas quantidades de dados atualizados com frequência diretamente para sombreadores sem criar objetos de buffer de GPU ou grupos de vinculação.
Bug de rastreamento #366291600 | Entrada do ChromeStatus.com | Especificação
Segurança e Web Speech
Origem opaca para URLs data:
O Chrome 150 atualiza a forma como Dedicated Workers e Shared Workers processam data:
URLs. Em vez de herdar automaticamente
a origem de segurança do script ou da página que os criou, esses
workers recebem uma origem opaca exclusiva.
Esse alinhamento com a especificação HTML
para workers
aumenta a segurança ao isolar esses workers do estado de mesma origem
do criador, impedindo que eles acessem dados sensíveis usando mecanismos como
BroadcastChannel ou armazenamento de mesma origem. Para manter os limites de isolamento adequados, esses workers continuam na mesma partição de armazenamento do criador (por exemplo, preservando o site de nível superior ou nonce).
Bug de rastreamento #40051700 | Entrada do ChromeStatus.com | Especificação
API Web Speech: qualidade de reconhecimento no dispositivo
Estende a interface SpeechRecognition adicionando uma propriedade quality a
SpeechRecognitionOptions. Isso permite que os desenvolvedores especifiquem a capacidade semântica necessária para o reconhecimento no dispositivo (com processLocally: true).
O enum de qualidade proposto oferece suporte a três níveis: command, dictation e conversation. Eles são mapeados para aumentar a complexidade da tarefa e os requisitos de hardware.
Isso permite que os desenvolvedores determinem se o dispositivo local pode lidar com casos de uso de alto risco (como a transcrição de reuniões) ou se eles precisam fazer o fallback para serviços em nuvem.
Bug de rastreamento #476168420 | Entrada do ChromeStatus.com | Especificação
Aplicativos da Web
Migração de origem do PWA
Quando um usuário instala um App Web Progressivo (PWA), a identidade e o contexto de segurança
dele ficam fortemente vinculados à origem da Web, por exemplo, app.example.com.
Isso representa um desafio significativo para os desenvolvedores que precisam mudar a origem do PWA devido a rebranding, reestruturação de domínio ou re-arquitetura técnica. Sem a migração de origem, essa mudança obriga os usuários a desinstalar manualmente o app antigo e instalar o novo, o que prejudica a experiência e pode aumentar a taxa de perda de usuários. O Chrome 150 apresenta um mecanismo para que os desenvolvedores migrem um PWA instalado para uma origem nova no mesmo site, preservando a confiança e as permissões do usuário.
A política WebAppInstallForceList bloqueia a migração. Como as políticas empresariais relacionadas a aplicativos da Web são baseadas, principalmente, em URLs e origens, há o risco de que uma migração ignore determinadas políticas que um administrador possa ter configurado. Nenhuma migração será oferecida ao usuário quando um app for instalado à força pelo admin da empresa. Em vez disso, um banner vai explicar isso ao usuário.
Bug de rastreamento #396504527 | Entrada do ChromeStatus.com | Especificação
Testes de origem
Protocolo de verificação de e-mail
O EVP (protocolo de verificação de e-mail) ajuda os usuários a criar, acessar e recuperar contas, fornecendo uma prova criptográfica de propriedade de maneira integrada, em vez de OTPs de e-mail manualmente.
Medição de carga especulativa
Exponha dados de medição sobre cargas especulativas (pré-carregamentos, buscas prévias e pré-renderizações) como parte de um método performance.getSpeculations() recém-exposto.
Isso permitiria que os desenvolvedores medissem a eficácia de várias estratégias de carregamento especulativo e as adaptassem de acordo.
Teste de origem | Bug de rastreamento #481590676 | Entrada do ChromeStatus.com
API Logging de diagnóstico WebRTC
API para geração de registros de diagnóstico WebRTC.
Essa API permite que um aplicativo aceite a geração de registros de diagnóstico. Esses registros contêm informações sobre a atividade do WebRTC pelo aplicativo e são úteis para depuração local ou para registrar bugs.
Os registros podem ser enviados opcionalmente fora da banda para o fornecedor do navegador e podem ser usados para diagnosticar bugs. O aplicativo recebe um ID que pode ser anexado a um relatório de bugs, semelhante a falhas.
Os registros de diagnóstico são ativados com uma política empresarial chamada WebRtcDiagnosticLogCollectionAllowedForOrigins.
Teste de origem | Bug de rastreamento #481412281 | Entrada do ChromeStatus.com | Especificação
Descontinuações e remoções
Não há descontinuações ou remoções nesta versão.