Este é o primeiro artigo das notas de lançamento das DevTools. Daqui em diante, na primeira vez que você abrir uma nova versão do Chrome, o DevTools vai abrir a gaveta What's New com um link para as notas da versão.
Destaques
- O painel "Cronograma" foi renomeado para "Desempenho".
- O painel "Perfis" foi renomeado como "Memória".
- Os valores dos cookies agora são editáveis.
- Agora, as DevTools pausam 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 é possível inspecionar e editar variáveis CSS no painel "Estilos". Consulte a demonstração de variáveis CSS para testar.
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 o limite de heap automaticamente. Isso permite inspecionar o heap, executar comandos no console para liberar memória e continuar a depurar o problema. Consulte One Small Step For Chrome, One Giant Heap For V8 para mais informações.
Pontos de interrupção na criação da tela
Agora é possível criar pontos de interrupção do listener de eventos que são acionados sempre que um novo contexto de tela é criado.
Começar a coletar estatísticas de tempo na guia "Tempo"
Na parte de cima da guia "Tempo", agora é possível ver quando uma solicitação foi enfileirada e iniciada.
Estatísticas do servidor na guia "Tempo"
Agora é possível inserir estatísticas do servidor personalizadas na guia "Tempo". Consulte Demonstração de valores de temporização do servidor para conferir um exemplo.
Agradecemos a contribuição de sroussey.
Mudanças
O painel "Cronograma" agora é o painel "Performance"
O painel "Linha do tempo" foi renomeado para "Performance" para refletir melhor a finalidade dele.
O painel "Perfis" agora é o painel "Memória"
O painel "Perfis" foi renomeado como "Memória" para refletir melhor a finalidade dele.
O CPU Profiler está atrás de um painel oculto
Agora que o painel "Perfis" é chamado de "Memória", não faz mais sentido ter o CPU Profiler nesse painel. Além disso, o objetivo de longo prazo é criar perfis de todos os usuários no painel "Performance". Enquanto isso, ainda é possível acessar o antigo criador de perfil de CPU em Configurações > Mais ferramentas > Criador de perfil de JavaScript.
Consulte Chrome DevTools: JavaScript CPU Profiling in Chrome 58 para saber como criar um perfil de CPU no painel "Performance".
Nova interface do console
O painel e a gaveta do console passaram por algumas mudanças na interface. Alguns recursos pouco usados foram movidos para locais mais ocultos, e os recursos mais conhecidos agora são mais acessíveis.
- Clique em Configurações do console
para
acessar as configurações de personalização do comportamento do console. - A opção Preservar registro agora está oculta em 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. Ele estava 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 foi removida. Defina o menu suspenso do nível de registro como Detalhado para conferir as violações.
- Desmarcar a caixa de seleção Show all messages na interface antiga é equivalente a marcar a caixa de seleção Selected context only em Console Settings na nova interface.
Os pontos de interrupção do listener de eventos do WebGL foram movidos.
Os pontos de interrupção do listener de eventos do WebGL foram movidos da categoria WebGL para a categoria Canvas. A categoria WebGL foi removida.