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) |