# O que é Chrome DevTools?

É uma ferramenta de desenvolvedor incorporada ao navegador que ajuda a examinar os códigos dos sites e corrigir erros.

## Definição
O Chrome DevTools permite que os desenvolvedores da web vejam o plano de fundo dos sites no navegador. Você pode alterar a aparência da página, detectar erros nos códigos instantaneamente e analisar problemas de desempenho. É como uma máquina de raio X para sites.

## Como funciona
Você pode abrir esta ferramenta clicando com o botão direito em qualquer página do seu navegador e selecionando ‘Inspecionar’. Você pode ver os códigos HTML e CSS do site no painel que se abre e acompanhar os erros na seção do console.

## Onde é usado
É utilizado em processos de desenvolvimento web, depuração e para entender como funcionam os sites.

## Perguntas frequentes
**Funciona apenas no Chrome?**
Apesar do nome, ferramentas semelhantes estão disponíveis em todos os navegadores modernos, como Firefox, Edge e Safari.

**Posso alterar os códigos permanentemente?**
Não, as alterações que você fizer aparecerão apenas temporariamente na tela, tudo retornará ao estado anterior quando você atualizar a página.


## Termos relacionados
- [Frontend Stack](/pt/dictionary/frontend-stack/)
- [User Interface](/pt/dictionary/user-interface/)
- [Web Interface](/pt/dictionary/web-interface/)

## Ferramentas relacionadas
- [Chrome Devtools MCP](/pt/discover/chrome-devtools-mcp/)

---
Fonte: TreScout Glossário · https://trescout.com/pt/dictionary/chrome-devtools/