Reorganize as guias do DevTools da maneira que for mais conveniente. Confira exatamente onde os eventos do framework foram vinculados e bloqueie as solicitações de rede para saber quais scripts de terceiros estão causando lentidão.
Melhor navegação no painel: console no 2, reordenação de guias e sublinhados nítidos
Depois de investigar quais áreas das Ferramentas do desenvolvedor são mais usadas, ficou claro que o painel do console em tela cheia não merecia a última posição na barra de guias principal. Como o painel mais usado, agora é a segunda guia. Isso é importante principalmente em resoluções mais baixas, quando não é possível mostrar todas as guias de uma vez.
Mas nós entendemos. A ordem clássica faz parte da sua memória muscular e você vai sentir tontura por um tempo. Ou talvez você odeie o console de tela cheia. Não se preocupe, temos a solução. Agora é possível reordenar as guias arrastando-as, como esta:
As alterações feitas na barra de guias persistem e ela funciona com guias nativas e guias fornecidas por extensão. E como bônus, adicionamos sublinhados suaves e animados. Porque somos legais assim.
Suporte a listeners de eventos do framework
Às vezes, os eventos criados por frameworks JS, como o jQuery, são uma dor de cabeça ao trabalhar com as Ferramentas do desenvolvedor. Isso acontece porque a maioria dos frameworks envolve os eventos DOM nativos na API de eventos personalizados. Portanto, analisar o listener de eventos não revela muito sobre o que está acontecendo:
No entanto, com a nova opção "Framework Listeners" na guia "Event Listener", o DevTools identifica a parte de envolvimento do framework e a resolve automaticamente. Agora, os eventos vinculados por frameworks se parecem e se comportam exatamente como os equivalentes nativos, informando onde eles foram vinculados:
Os melhores
- Os formatadores de objetos personalizados permitem que linguagens transpiladas, como o CoffeeScript, formatem melhor os objetos no console do DevTools.
A Linha do tempo tem uma nova caixa de diálogo durante a gravação que mostra o status, o tempo e o uso do buffer de relance.
Nas mesmas linhas, o painel Rede mostra uma dica útil quando está vazio:
Agora é possível filtrar conteúdo misto no painel de rede usando a entrada de filtro e definindo-a como
mixed-content:displayed.
Como sempre, envie sua opinião pelo Twitter ou use os comentários abaixo e envie bugs para crbug.com/new.
Até o próximo mês! Paul Bakaus e equipe do DevTools