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 da versão dessa versão.
Destaques
- O painel "Linha do tempo" foi renomeado para "Performance".
- O painel "Profiles" foi renomeado para o painel "Memory".
- Os valores dos cookies agora podem ser editados.
- O DevTools agora faz uma pausa automática antes dos 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 Estilos
Agora você pode inspecionar e editar variáveis CSS no painel "Estilos". Confira a Demonstração de variáveis CSS para testá-las.
Pontos de interrupção de falta de memória
Quando um app aloca muita memória em um curto período, o DevTools pausa automaticamente e aumenta o limite de heap. Isso permite que você inspecione o heap, execute comandos no console para liberar memória e continue depurando o problema. Para ver mais informações, consulte Uma pequena etapa para o Chrome, uma pilha gigante para o V8.
Pontos de interrupção na criação da tela
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 de horário de início na guia "Tempo"
Na parte superior da guia "Tempo", é 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 tempo do servidor para ver um exemplo.
Agradecemos a sroussey pela contribuição
Mudou
O painel "Cronograma" agora se chama "Desempenho"
O painel "Linha do tempo" foi renomeado para "Desempenho" para refletir melhor o objetivo dele.
O painel "Profiles" agora se chama "Memória"
O painel Profiles foi renomeado para Memory, para refletir melhor o propósito dele.
O CPU Profiler está atrá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, o objetivo de longo prazo é fazer com que todos os usuários criem perfis no painel "Desempenho". Enquanto isso, você ainda pode acessar o antigo CPU Profiler em Settings > More Tools > JavaScript Profiler.
Consulte Chrome DevTools: JavaScript CPU Profiling no Chrome 58 para saber como criar o perfil da CPU no painel "Performance".
Nova IU do console
O painel e a gaveta do console passaram por algumas mudanças na IU. Alguns recursos não conhecidos foram movidos para locais mais ocultos, e os recursos populares agora estão mais facilmente acessíveis.
- Clique em Console Settings
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 painel e o botão Filtros não estão mais aparecendo. Use o menu suspenso.
- A caixa de texto para filtrar registros agora é sempre exibida. Antes ele estava oculto no painel "Filtros".
- A caixa de texto de filtragem aceita o RegEx automaticamente. Portanto, a caixa de seleção Regex não está presente.
- A caixa de seleção Ocultar violações não está disponível. Defina o menu suspenso do nível de geração de registros como Verbose para ver as violações.
- Desmarcar a caixa de seleção Show all messages na IU antiga é equivalente a marcar a caixa de seleção Selected context only em Console Settings na nova IU.
Os pontos de interrupção do listener de eventos 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.