If you're seeing this message, it means we're having trouble loading external resources on our website.

Se você está atrás de um filtro da Web, certifique-se que os domínios *.kastatic.org e *.kasandbox.org estão desbloqueados.

Conteúdo principal

Usando as ferramentas de desenvolvedor do navegador

O desenvolvimento web é cheio de truques. É por isso que desenvolvedores web trabalham com diversas ferramentas—e estão sempre buscando novas ferramentas para adicionarem as suas caixas de ferramentas.
As ferramentas de desenvolvimento inclusas na maioria dos navegadores atuais são as favoritas da maior parte dos desenvolvedores web. Navegadores diferem pelas ferramentas que fornecem, mas eles têm mais semelhanças do que diferenças.

Inspetor de HTML

Uma ótima ferramenta é poder clicar com o botão direito em um elemento da página web e inspecionar o HTML dele. Veja como fazer isso no Chrome:
Invólucro do vídeo da Khan Academy
Using inspect element for HTMLVer transcrição do vídeo

Inspetor de CSS

Outra ferramenta útil é o inspetor de CSS; com ele, você pode conferir quais estilos são aplicados em um elemento e modificá-los. Veja este vídeo e descubra como usar essa ferramenta no Chrome:
Invólucro do vídeo da Khan Academy
Using inspect element for CSS stylesVer transcrição do vídeo
Essas duas ferramentas podem lhe ajudar a entender a estrutura de sites de terceiros, e ajudar com a depuração de seus próprios web sites.
Existem muitas outras ferramentas, mas essas duas são um excelente começo para melhorar seu desenvolvimento web. Tente inspecionar um elemento nessa página e veja o que você descobre!

Quer participar da conversa?

Você entende inglês? Clique aqui para ver mais debates na versão em inglês do site da Khan Academy.