---
title: Chrome Developer Tools
localeTitle: Ferramentas para desenvolvedores do Chrome
---
## Ferramentas de desenvolvimento do Chrome Firefox

As ferramentas para desenvolvedores Chrome e Firefox auxiliam os desenvolvedores da web na análise de HTML, CSS e Javascript em uma página da web. Eles são úteis para depurar, otimizar código, inspecionar elementos e muito mais.

**Características:**

*   **Inspetor de páginas:** visualize e edite o conteúdo e o layout da página.
*   **Console da Web:** consulte mensagens e erros do javascript console.log ()
*   **Depurador JavaScript:** visualize e modifique o JavaScript em execução em uma página
*   **Monitor de Rede:** Veja solicitações de rede feitas quando as páginas são carregadas
*   **Ferramentas de desempenho:** analise os recursos do computador usados ​​pelo site

### Acessando as ferramentas de desenvolvimento

1.  Na barra de menus na parte superior da tela, selecione Visualizar> Desenvolvedor> Ferramentas do desenvolvedor. As ferramentas aparecerão na parte inferior, lateral ou como uma janela pop-out.
2.  Em uma página da Web, clique com o botão direito do mouse em um elemento. Quando o menu aparecer, selecione "Inspecionar".

### Mais Informações:

*   [DevTools do Chrome](https://developer.chrome.com/devtools)
*   [Ferramentas para desenvolvedores do Firefox](https://developer.mozilla.org/en-US/docs/Tools)