25 lines
1.4 KiB
Markdown
25 lines
1.4 KiB
Markdown
|
---
|
|||
|
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)
|