O que há de novo no DevTools (Chrome 108)

Published on

Translated to: English, Español, 中文, 日本語

Tradução realizada por Alvaro Camillo Neto . Revisão por Lucas Santos.

Interessado em ajudar a melhorar o DevTools? Inscreva-se para participar da Pesquisa de usuário do Google.

-->

Hints para propriedades CSS inativas

O DevTools agora identifica estilos CSS que são válidos, mas não têm efeito visível. No painel Estilos, o DevTools esmaece as propriedades inativas. Passe o mouse sobre o ícone ao lado para entender por que a regra não tem efeito visível.

Hints para propriedades CSS inativas

Issue no Chromium: 1178508

Detectação automática de XPath e seletores de texto no painel Gravador

O painel Gravador agora é compatível com XPath e seletores de texto. Comece a gravar um fluxo de usuário e o gravador seleciona automaticamente o XPath e o texto único mais curto de um elemento como seletor, se disponível.

XPath e seletores de texto no painel Gravador.

Issue no Chromium: 1327206,[1327209] (https://crbug.com/1327209)

Percorrer expressões separadas por vírgulas

Agora você pode percorrer expressões separadas por vírgulas durante a depuração. Isso melhora a depuração do código minificado.

Percorrer expressões separadas por vírgulas.

Anteriormente, o DevTools suportava apenas a passagem por expressões separadas por ponto e vírgula.

Dado o código abaixo,

function foo() {}

function bar() {
foo();
foo();
return 42;
}

Transpiladores e minificadores podem transformá-los em expressões separadas por vírgulas.

function bar(){return foo(),foo(),42}

Isso cria confusão durante a depuração porque o comportamento de depuração é diferente entre o código minificado e o de original. É ainda mais confuso ao usar mapas de origem para depurar o código minificado em termos do código original, pois o desenvolvedor está olhando para os pontos e vírgulas (que estavam, por baixo dos panos, transformados em vírgulas pela cadeia de ferramentas), mas o depurador não parava neles.

Issue no Chromium: 1370200

Configuração de lista de ignorados aprimorada

Vá para Configurações > Ignorar lista. O DevTools melhora o design para te ajudar a configurar as regras para ignorar um único script ou padrão de scripts.

A guia Lista de Ignorados.

Issue no Chromium: 1356517

Destaques diversos

Estas são algumas correções dignas de nota nesta versão:

  • Preenchimento automático do nome da propriedade CSS no painel Estilos ao pressionar espaço. (1343316)
  • Remoção da rolagem automática na trilha de navegação do painel Element. (1369734)

Baixe os canais de prévia

Considere usar o Chrome Canary, Dev ou Beta como seu navegador de desenvolvimento padrão. Esses canais de prévia fornecem acesso aos recursos do DevTools mais recentes, testam nas últimas APIs da plataforma web lançadas e encontram problemas em seu site antes que seus usuários o façam!

Entre em contato com a equipe Chrome DevTools

Use as opções a seguir para discutir os novos recursos e mudanças nesse artigo ou qualquer outra coisa relacionada ao DevTools.

  • Envie uma sugestão ou comentários para nós pelo crbug.com.
  • Relate um problema de DevTools usando o More options   More   > Help > Report a DevTools issues em DevTools.
  • Mande um tweet para @ChromeDevTools.
  • Deixe comentários em nossos vídeos "What's new in DevTools" no YouTube.

Mais recursos do DevTools

Consulte a versão em inglês do What's New In DevTools para uma lista completa dos recursos lançados. Abaixo estão alguns conteúdos que foram traduzidos para o português.

Chrome 108

Chrome 107

Chrome 106

Chrome 105

Chrome 104

Chrome 103

Chrome 102

Chrome 101

Chrome 100

Chrome 99

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

Updated on Improve article

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.