O que é Chrome DevTools?
Chrome DevTools é o painel do desenvolvedor no navegador.
Definição e origem da palavra
"DevTools" significa ferramentas de desenvolvedor. O plano de fundo da página é visto, os erros são detectados instantaneamente e o desempenho é medido. É uma radiografia dos sites.
Como conhecer e usar no dia a dia?
Desenvolvimento: Revisão de código.
Erro: Rastreamento de console.
Aprendizado: Anatomia do local.
Profundidade Técnica e Arquitetura
Painéis:
Elementos: Uma tentativa de estrutura e estilo.
Console: Comando e erro.
Rede: Solicite o tempo.
Farol: Inspeção pontuada.
Tentativa de console:
document.querySelectorAll("img").lengthRegra: A mudança é local, desaparece quando você a renova. O trabalho permanente é feito no arquivo.
Use em diferentes disciplinas
Copos: Instalação atrás da parede.
Raio X: Visualização da estrutura interna.
Boné: Compartimento do motor.
Perguntas e respostas
Apenas cromo?
Não. Firefox, Edge e Safari oferecem painéis semelhantes.
Isso muda permanentemente?
Não. Quando você o atualiza, ele desaparece e o arquivo é alterado.
O celular deve ser testado?
Sim. O tamanho e o toque são testados com emulação de dispositivo.
Ele mantém registros?
Valor na sessão. O monitoramento contínuo requer uma ferramenta separada.
Termos relacionados
Ferramentas relacionadas
Esta explicação foi escrita em linguagem simples para a TreScout com IA e traduzida automaticamente do original em turco · a versão turca é a que vale. Se algo parecer errado ou faltando, escreva para hello@trescout.com. Ler em turco →