Novidades do DevTools, Chrome 140

Sofia Emelianova
Sofia Emelianova
GitHub

Depurar mais insights com o Gemini

Em Performance > Insights, agora é possível clicar em Depurar com IA (antes Perguntar à IA) para conversar e depurar com o Gemini no painel Assistência de IA e ter mais insights de performance:

  • Melhorar a entrega de imagens
  • JavaScript legado
  • JavaScript duplicado
  • HTTP moderno

Antes e depois de adicionar o botão "Depurar com IA" a mais insights de performance.

Emular o cabeçalho "Save-Data" em "Condições de rede"

No painel Condições de rede, agora é possível emular o comportamento do cabeçalho de solicitação Save-Data. Esse cabeçalho é uma dica de cliente de rede que indica a preferência do cliente por uso reduzido de dados. Ele também está disponível na API navigator.connection.saveData.

Antes e depois de adicionar a emulação do cabeçalho de solicitação "Save-Data" a "Condições de rede".

Problema do Chromium: 40668980.

Ver o status da linha de base em uma dica de propriedade CSS

Em Elementos > Estilos, ao passar o cursor sobre qualquer propriedade CSS, agora é possível conferir, na definição da propriedade, a disponibilidade dela nos principais navegadores de acordo com o status Baseline.

Antes e depois de adicionar o status de linha de base às dicas de ferramentas de propriedades CSS.

Problema do Chromium: 417749762.

Substituir formatos em dicas de cliente HTTP do user agent

No menu suspenso Condições de rede > Dicas de cliente HTTP do user agent, agora você tem opções para substituir formatos, especificamente os valores do cabeçalho de solicitação Sec-CH-UA-Form-Factors.

Antes e depois de adicionar as opções de substituição de formato às dicas de cliente HTTP do user agent.

Problema do Chromium: 422218341.

Lighthouse 12.8.0

O painel Lighthouse agora executa o Lighthouse 12.8.0.

A principal novidade desta versão é um novo relatório: "Mitigar XSS baseado em DOM com Tipos Confiáveis".

Consulte também a lista completa de mudanças.

Para aprender os conceitos básicos de uso do painel Lighthouse nas DevTools, consulte Lighthouse: otimizar a velocidade do site.

Problema do Chromium: 40543651.

Destaques diversos

Confira algumas das várias correções e melhorias importantes desta versão:

  • Assistência de IA:
    • O histórico de chat agora é apagado quando você desativa o recurso de IA correspondente em Configurações.
    • Acessibilidade: os leitores de tela agora anunciam os títulos de contexto no início, "Carregando resposta" quando a resposta começa a ser transmitida e "Resposta pronta" quando a resposta é concluída.
  • Elementos:
    • A guia Estilos agora pode avaliar as funções CSS sibling-index(), sibling-count() e env() (crbug.com/417128001, crbug.com/40196710).
    • Adição de suporte ao pseudoelemento ::view-transition-group-children (crbug.com/425901164).
    • Adição de suporte a problemas de acessibilidade relacionados a conteúdo interativo no elemento <summary> (crbug.com/427172874).
    • Na guia Calculado, agora é possível navegar até as propriedades longhand em Estilos (crbug.com/41486012).
    • Editores Easing e Color: agora é possível interagir com amostras de cores bezier para transições de animação e amostras de cores usando o teclado (crbug.com/401213421).
  • Rede: a importação de arquivos HAR agora também inclui cookies de solicitação e resposta (crbug.com/432995868).
  • Modo dispositivo: agentes do usuário atualizados para dispositivos Apple com a versão mais recente do Safari 18.5.

Baixar os canais de visualização

Use o Chrome Canary, Dev ou Beta como navegador de desenvolvimento padrão. Esses canais de prévia oferecem acesso aos recursos mais recentes do DevTools, permitem testar APIs de plataforma da Web de ponta e ajudam a encontrar problemas no seu site antes que os usuários encontrem.

Entre em contato com a equipe do Chrome DevTools

Use as opções a seguir para discutir os novos recursos, atualizações ou qualquer outra coisa relacionada ao DevTools.

Novidades no DevTools

Uma lista de tudo o que foi abordado na série Novidades do DevTools.