Publicado em 28 de julho de 2026
O Chrome 151 está sendo lançado agora, e este post compartilha alguns dos principais recursos da versão. Leia as notas de lançamento completas do Chrome 151.
Destaques desta versão:
- O elemento de capacidade
<usermedia>oferece um controle declarativo ativado pelo usuário para streams de câmera e microfone. - A atribuição de slot de DOM paralelo declarativo permite que os componentes da Web usem a atribuição de slot manual sem JavaScript imperativo.
- As métricas de performance de navegações suaves e interações rastreiam a latência e as mudanças de rota orientadas por interações em aplicativos de página única.
Elemento de capacidade: <usermedia> MVP
O elemento <usermedia> é o mais recente a ser lançado no pacote de elementos de capacidade, seguindo <geolocation>. Essa transição da proposta original <permission>, que faz parte da iniciativa PEPC, permite que o navegador processe as complexidades e comportamentos exclusivos de diferentes recursos de hardware de maneira mais eficaz. Embora a proposta inicial tenha se concentrado principalmente no gerenciamento de estados de permissão, como permitir versus negar, os elementos de capacidade funcionam como mediadores de dados.
O elemento <geolocation> fornece um objeto de localização ao seu site, e <usermedia> gerencia todo o fluxo de acesso à câmera e ao microfone. Ele captura a intenção do usuário, gerencia o prompt do navegador e entrega o objeto MediaStream ao aplicativo. Essa mudança elimina a necessidade de chamadas getUserMedia() separadas, simplifica a implementação e garante que o navegador tenha um sinal confiável da intenção do usuário.
Saiba mais em Apresentamos o elemento HTML <usermedia>.
DOM paralelo declarativo: atributo shadowrootslotassignment
O Chrome 151 adiciona suporte ao atributo shadowrootslotassignment em elementos <template>. Isso permite criar raízes paralelas declarativas que usam a atribuição de slot manual diretamente no HTML.
Até agora, a atribuição de slot manual só estava disponível de forma imperativa. Com essa atualização, é possível especificar shadowrootslotassignment="manual" no modelo de raiz paralela.
O atributo aceita named (o comportamento padrão) e manual, e é refletido pela propriedade shadowRootSlotAssignment em HTMLTemplateElement. Para mais detalhes, consulte a documentação HTMLTemplateElement.shadowRootSlotAssignment no MDN.
Esse atributo já está disponível no Firefox e na versão Beta do Safari 27, então em breve estará disponível na linha de base.
Navegações suaves e métricas de performance de interação
O Chrome 151 expande a linha do tempo de performance da Web ao introduzir dois novos tipos de PerformanceEntry: soft-navigation e interaction-contentful-paint. Essas entradas ajudam os desenvolvedores a rastrear a performance e a latência orientadas por interações em aplicativos de página única (SPAs), com base em métricas estabelecidas de Core Web Vitals, como Largest Contentful Paint (LCP) e Interaction to Next Paint (INP).
Em um SPA, as transições de rota orientadas por JavaScript não acionam um carregamento de página tradicional do navegador. A entrada soft-navigation captura essas mesmas mudanças de estado do histórico de documentos iniciadas por interações do usuário. Quando ocorre uma navegação suave, o navegador estabelece uma nova origem de tempo, permitindo que você atribua com precisão os dados de performance subsequentes à rota ativa do SPA, em vez do URL do documento inicial.
A entrada interaction-contentful-paint mede novas exibições de conteúdo em regiões do DOM modificadas por uma interação do usuário. Isso oferece visibilidade da latência de carregamento de interação, mesmo quando as atualizações de conteúdo dependem de operações assíncronas, como solicitações fetch().
É possível observar essas novas entradas no aplicativo usando um PerformanceObserver. O snippet de código a seguir registra entradas de navegação suave no console, incluindo navegações suaves anteriores nesta página usando a opção armazenada em buffer:
const observer = new PerformanceObserver(console.log);
observer.observe({ type: "soft-navigation", buffered: true });
Para saber mais sobre como implementar e medir navegações de SPA, leia a documentação de navegações suaves no Chrome para desenvolvedores.
Leitura adicional
Isso abrange apenas alguns destaques principais. Confira os links a seguir para mais mudanças no Chrome 151:
- Notas de lançamento do Chrome 151.
- Atualizações do ChromeStatus.com para o Chrome 151.
- Calendário de lançamentos do Chrome.
Inscrever-se
Para ficar atualizado, inscreva-se no canal do YouTube do Chrome para desenvolvedores 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 postagens do blog.
Assim que o Chrome 152 for lançado, vamos informar as novidades do Chrome!