Exemplos
Gravar e analisar um trace de desempenho com as Ferramentas do desenvolvedor
Grave e analise um rastro de desempenho com as Ferramentas do desenvolvedor.
Monitorar as métricas do Core Web Vitals em tempo real no painel "Performance"
Monitore as métricas do Core Web Vitals em tempo real no painel "Performance".
Armazenamento em cache sem mistério: inspecionar, limpar e desativar caches
Inspecione e solucione problemas de cache com o DevTools.
Congelar a tela e inspecionar elementos que desaparecem
Congele elementos no DOM para que você possa inspecionar com o DevTools.
Quatro maneiras de fazer capturas de tela com o DevTools
Descubra quatro maneiras únicas de fazer capturas de tela com o DevTools.
Dicas do DevTools: substituir e simular respostas de rede
Saiba como substituir e simular respostas de rede com o DevTools.
Divertido e potente: introdução ao Chrome DevTools
Descubra como o DevTools pode melhorar o desenvolvimento de aplicativos da Web.
Dicas do DevTools: depuração das navegações especulativas para carregamentos de página mais rápidos
Torne a navegação na Web mais rápida com carregamentos especulativos e aprenda a depurá-los.
Dicas do DevTools: como depurar o bfcache
Aprenda a depurar o bfcache e a carregar a página instantaneamente.
Dicas do DevTools: depurar extensões do Chrome
Aprenda a usar o DevTools para depurar extensões do Chrome.
Dicas do DevTools: snippets e expressões ao vivo
Use snippets para executar códigos que você usa com frequência e expressões ao vivo para observar valores em tempo real.
Dicas do DevTools: pontos de interrupção e logpoints
Use pontos de interrupção e logpoints para depurar com facilidade.
Dicas do DevTools: gravar e reproduzir fluxos de usuários com o Gravador
Aprenda a gravar, reproduzir e depurar fluxos de usuários com o painel Gravador no DevTools.
Dicas do DevTools: armazenamento local e da sessão
Use Aplicativo > Armazenamento local e Armazenamento de sessão para depurar pares de chave-valor.
Dicas do DevTools: espaço de trabalho
Use o Workspace para salvar as mudanças feitas no DevTools em arquivos de origem locais.
Dicas do DevTools: mapas de origem no DevTools
Use os mapas de origem no DevTools para depurar o código original em vez de implantá-lo.
Dicas do DevTools: o que são mapas de origem?
Saiba como os mapas de origem podem ajudar a depurar o código original em vez de implantado.
Dicas do DevTools: descobrir problemas de CSS
Use os painéis "Estilos e computação" para descobrir problemas de CSS com o DevTools.
Dicas do DevTools: como depurar APIs do Project Fugu
Usar o DevTools para depurar as APIs do Project Fugu.
Dicas do DevTools: identificar melhorias no CSS
Usar o painel "Visão geral do CSS" para identificar possíveis melhorias no CSS.
Dicas do DevTools: navegação mais rápida no DevTools
Aprenda a acelerar seu fluxo de trabalho com a navegação mais rápida do DevTools usando atalhos e configurações.
Dicas para DevTools: diferentes maneiras de abrir DevTools
Descubra todas as maneiras de abrir o Chrome DevTools.
Dicas do DevTools: descobrir e corrigir texto de baixo contraste
Aprenda a usar o Chrome DevTools para descobrir e corrigir textos de baixo contraste.
Dicas do DevTools: editar, depurar e exportar registros de fluxo de usuários
Use o painel do Gravador e as extensões dele para editar, depurar e exportar os registros de fluxo de usuários.
Dicas do DevTools: como inspecionar e depurar o flexbox CSS
Aprenda a usar o Chrome DevTools para inspecionar, modificar e depurar layouts Flexbox CSS.
Dicas do DevTools: como acelerar o fluxo de trabalho com atalhos do Console
Use os atalhos fornecidos pela API Console Utilitários para consultar rapidamente elementos recentes, consultar objetos, monitorar eventos e chamadas de função e muito mais.
Dicas do DevTools: como inspecionar a grade CSS
Aprenda a usar o Chrome DevTools para visualizar e mudar layouts de grade CSS.
Dicas do DevTools: como inspecionar e modificar animações CSS
Use a guia Animações para inspecionar e modificar animações CSS, transições e muito mais.
Dicas para DevTools: receba insights úteis sobre o desempenho do seu site
Receba insights úteis sobre o desempenho do seu site com o novo painel "Insights de desempenho"
Dicas do DevTools: como registrar mensagens no Console
Use o Console para registrar variáveis, objetos e mensagens, filtrar e agrupar mensagens e muito mais.
Dicas do DevTools: como emular os recursos de mídia da preferência do usuário do CSS com o DevTools
Use a guia "Renderização" para emular as preferências do usuário e testar o comportamento adaptável do usuário ao seu site.
Dicas do DevTools: como inspecionar consultas de contêiner CSS
Inspecione e depure consultas de contêiner CSS com o DevTools.