Esta é a primeira parte das notas da versão do DevTools! A partir daqui, na primeira vez que você abrir uma nova versão do Chrome, o DevTools abrirá a gaveta What's New com um link para as notas dessa versão.
Destaques
- O painel "Linha do tempo" foi renomeado para painel de desempenho.
- O painel “Profiles” foi renomeado para o painel “Memory”.
- Os valores dos cookies agora são editáveis.
- O DevTools agora pausa automaticamente antes de erros de falta de memória.
Novos recursos
Cookies editáveis
Clique duas vezes em uma célula na guia Cookies para editar o valor.
Agradecemos a kdzwinel pela contribuição!
Variáveis CSS inspecionáveis e editáveis no painel Styles
Agora você pode inspecionar e editar variáveis CSS no painel Styles. Veja Demonstração de variáveis CSS para fazer um teste.
Pontos de interrupção de falta de memória
Quando um app aloca muita memória em um curto período, o DevTools agora pausa e aumenta automaticamente o limite de heap. Isso permite inspecionar o heap, executar comandos no console para liberar memória e continuar depurando o problema. Consulte Uma pequena etapa para o Chrome, um heap gigante para o V8 (em inglês) para mais informações.
Pontos de interrupção na criação de telas
Agora é possível criar pontos de interrupção de listener de eventos que são acionados sempre que um novo contexto de tela é criado.
Estatísticas do horário de início na guia "Período"
Na parte superior da guia "Timing", agora é possível ver quando uma solicitação foi colocada na fila e iniciada.
Estatísticas do servidor na guia "Tempo"
Agora você pode inserir estatísticas personalizadas do servidor na guia "Tempo". Consulte Demonstração de valores de velocidade do servidor para conferir um exemplo.
Agradecemos a sroussey pela contribuição.
Mudou
O painel "Linha do tempo" agora se chama "Desempenho"
O painel "Linha do tempo" foi renomeado para painel "Desempenho" para refletir melhor sua finalidade.
O painel Perfis agora é o painel Memória
O painel “Profiles” foi renomeado para “Memory” para refletir melhor a finalidade dele.
O CPU Profiler está por trás de um painel oculto
Agora que o painel “Profiles” é chamado de painel “Memory”, não faz mais sentido ter o CPU Profiler nesse painel. Além disso, a meta de longo prazo é fazer com que todos os usuários criem perfis no Painel de desempenho. Enquanto isso, você ainda pode acessar o CPU Profiler antigo em Configurações > Mais ferramentas > JavaScript Profiler.
Consulte Chrome DevTools: criação de perfil de CPU em JavaScript no Chrome 58 para saber como criar o perfil da CPU no painel "Desempenho".
Nova interface do Console
O painel e a gaveta do console passaram por algumas mudanças na interface. Alguns recursos pouco conhecidos foram movidos para locais mais escondidos, e recursos conhecidos agora estão mais facilmente acessíveis.
- Clique em Configurações do console
para
acessar as configurações e personalizar o comportamento do console. - A opção Preservar registro agora fica oculto nas Configurações do console.
- O botão e o painel Filtros desapareceram. Use o menu suspenso.
- A caixa de texto para filtrar registros agora é sempre exibida. Antes, ele ficava oculto no painel "Filtros".
- A caixa de texto de filtragem aceita automaticamente regex, então a caixa de seleção Regex desaparece.
- A caixa de seleção Ocultar violações desaparece. Defina o menu suspenso do nível de registro como Verbose para conferir as violações.
- Desmarcar a caixa de seleção Mostrar todas as mensagens na interface antiga equivale a marcar a caixa de seleção Somente contexto selecionado nas Configurações do console na nova interface.
Os pontos de interrupção de listener de eventos WebGL foram movidos
Os pontos de interrupção de listener de eventos do WebGL foram movidos da categoria WebGL para a categoria Canvas. A categoria WebGL foi removida.