Ir para o conteúdo principal
Documentos
Crie com o Chrome
Saiba como o Chrome funciona, participe de testes de origem e crie com o Chrome em qualquer lugar.
Plataforma da Web
Recursos
ChromeDriver
Extensions
Chrome Web Store
Chromium
Aurora
Web no Android
Testes de origem
Notas da versão
Produtividade
Crie a melhor experiência para seus usuários com as melhores ferramentas da Web.
DevTools
Lighthouse
Relatório de UX do Chrome
Acessibilidade
Faça as tarefas de forma mais rápida e organizada com nossas bibliotecas prontas.
Workbox
Animador de fantoches
Experiência
Crie uma Web bonita e de alto desempenho com o Chrome.
IA
Desempenho
CSS e interface
Identidade
Pagamentos
Privacidade e segurança
Recursos
Mais do Chrome e do Google.
Toda a documentação
Referência
web.dev
Auditoria do PageSpeed Insights
Sandbox de privacidade
Estudos de caso
Blog
Novidades no Chrome
/
English
Deutsch
Español – América Latina
Français
Indonesia
Italiano
Nederlands
Polski
Português – Brasil
Tiếng Việt
Türkçe
Русский
עברית
العربيّة
فارسی
हिंदी
বাংলা
ภาษาไทย
中文 – 简体
中文 – 繁體
日本語
한국어
Fazer login
Chrome DevTools
DevTools
Começar
Assistência de IA
Visão geral
Começar
Estilo
Rede
Fontes
Desempenho
Painéis
Conhecido
Elementos
Console
Lighthouse
Memória
Rede
Desempenho
Gravador
Renderização
Segurança
Fontes
Todos
Autofill
Animações
Aplicativo
Alterações
Cobertura
Visão geral de CSS
Recursos para desenvolvedores
Problemas
Camadas
Lighthouse
Mídia
Inspetor de memória
Condições da rede
Bloqueio de solicitações de rede
Monitor de desempenho
Monitor de protocolo
Origem rápida
Sensores
WebAudio
WebAuthn
O que há de novo
Configurações
Acessibilidade
Documentos
Mais
DevTools
Começar
Assistência de IA
Mais
Painéis
Mais
Configurações
Acessibilidade
Estudos de caso
Blog
Novidades no Chrome
Elementos
Visão geral
DOM
Visualizar e alterar o DOM
Visualizar propriedades de objetos DOM
Referência de selos
CSS
Acessar e alterar CSS
Encontrar CSS inválido, modificado, inativo e outros
Inspecionar e depurar com o seletor de cores
Inspecionar layouts de grade
Inspecionar e depurar layouts Flexbox
Inspecionar e depurar consultas de contêiner
Referência do recurso
Console
Visão geral
Entender erros e avisos com insights do console
Mensagens de registro
Executar JavaScript
Assistir JavaScript em tempo real
Formatar e estilizar mensagens
Referência do recurso
Referência da API
Referência da API Utilitários
Fontes
Visão geral
Depurar o JavaScript
Pausar o código com pontos de interrupção
Executar snippets do JavaScript
Depurar o código original em vez de implantado com mapas de origem
Extensão de mapa de origem ignoreList
Configurar espaços de trabalho para salvar alterações nos arquivos de origem
Substituir o conteúdo da Web e os cabeçalhos de resposta HTTP localmente
Referência da depuração do JavaScript
Depurar o WebAssembly C/C++
Rede
Visão geral
Inspecionar atividade de rede
Referência de recursos
Ver recursos da página
Desempenho
Visão geral
Analisar o desempenho do ambiente de execução
Anotar e compartilhar os resultados de performance
Referência de recursos
Referência de eventos da linha do tempo
Analisar o desempenho do seletor de CSS
Gerar um perfil do desempenho do Node.js
Personalize seus dados de desempenho com a API de extensibilidade
Receba insights úteis sobre o desempenho do seu site
Lighthouse
Otimizar a velocidade da Web
Memória
Visão geral
Terminologia de memória
Corrigir problemas de memória
Gravar snapshots de heap
Ferramenta de criação de perfil de alocação
Aplicativo
Visão geral
Depurar Progressive Web Apps
Ver e editar
Armazenamento local
Armazenamento de sessão
Armazenamento de extensões
Dados do IndexedDB
Dados Web SQL
Ver, adicionar, editar e excluir cookies
Ver dados em cache
Testar o armazenamento em cache de avanço e retorno
Como depurar regras de especulação
Depurar serviços em segundo plano
Mais detalhes do frame
Visualizar dados do cache do aplicativo
Gravador
Visão geral
Gravar, repetir e medir os fluxos de usuários
Referência de recursos
Personalizar o Gravador com extensões
Renderização
Visão geral
Descobrir problemas com o desempenho da renderização
Emular recursos de mídia CSS
Aplicar efeitos de renderização
Mais painéis
Inspecionar e depurar endereços salvos com o painel de preenchimento automático
Entenda os problemas de segurança com o painel de segurança
Emular sensores do dispositivo com o painel "Sensors"
Conferir as métricas da API WebAudio com o painel WebAudio
Emular autenticadores com o painel da WebAuthn
Inspecionar e modificar animações com o painel "Animations"
Acompanhar mudanças em HTML, CSS e JavaScript com o painel "Alterações"
Encontrar e analisar códigos não utilizados com o painel "Cobertura"
Visualizar e carregar manualmente mapas de origem com o painel "Recursos para desenvolvedores"
Identifique possíveis melhorias no CSS com o painel "Visão geral do CSS"
Encontrar e corrigir problemas com o painel "Problemas"
Analisar as camadas do seu site com o painel Camadas
Depurar players de mídia com o painel "Mídia"
Inspecionar a memória ArrayBuffer, TypedArray, DataView ou Wasm com o painel do inspetor de memória
Modificar a string do user agent com o painel "Condições de rede"
Bloquear recursos seletivamente com o painel de bloqueio de solicitações de rede
Analisar o desempenho do ambiente de execução em tempo real com o painel do monitor de desempenho
Acessar e enviar solicitações de CDP com o painel do monitor de protocolo
Conferir arquivos de origem enquanto tem acesso a outras ferramentas com o painel de origem rápida
O que há de novo
Depuração remota
Depurar dispositivos Android remotamente
Acessar servidores locais e instâncias do Chrome com o encaminhamento de portas
Depuração remota de WebViews
Acessibilidade
Referência de recursos
Contraste e legibilidade
Foco dos elementos da faixa
Navegue no DevTools com tecnologia assistiva
Configurações
Visão geral
Todas as config.
Preferências
Espaço de trabalho
Inovações de IA
Experimentos
Lista de ignorados
Dispositivos
Limitação
Locais
Atalhos
Recursos
Blog de desenvolvedores
Crie com o Chrome
Plataforma da Web
Recursos
ChromeDriver
Extensions
Chrome Web Store
Chromium
Aurora