freeCodeCamp/guide/portuguese/developer-tools/developer-tools-in-browsers/chrome-developer-tools/index.md

1.4 KiB
Raw Blame History

title localeTitle
Chrome Developer Tools 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: