Download Chrome Developer Tools

A Opinião do Editor

A maioria das pessoas pensa nessas ferramentas como algo apenas para especialistas, mas isso não é verdade. Se você já se perguntou por que um botão de site tem uma cor específica ou por que um vídeo não carrega, o Chrome DevTools é um grande amigo. Ele já vem integrado ao navegador que você provavelmente já usa. Parece um menu secreto que oferece mais controle sobre sua experiência de navegação. É simples de abrir e, na verdade, muito divertido de usar quando você percebe como é fácil alterar algumas linhas de código na sua tela.

Recursos Principais

A melhor parte deste conjunto de ferramentas é a edição ao vivo. Você pode clicar duas vezes em qualquer parte do texto em um site e alterá-lo para o que quiser. Essa alteração permanece apenas na sua tela, por isso é uma maneira perfeita de ver como um novo título ficaria ou para tirar um print rápido. O modo de dispositivo é outro grande benefício. Ele permite que você veja exatamente como um site aparece em um iPhone ou em um tablet Android sem precisar do dispositivo real. Isso torna muito mais fácil planejar como seus próprios projetos devem parecer para usuários móveis.

O Veredito

Se você passa muito tempo na web e quer saber como ela funciona, deveria experimentar estas ferramentas. Embora sejam feitas para profissionais, os recursos básicos são fáceis o suficiente para qualquer pessoa aprender. Quer você queira corrigir um pequeno erro no seu próprio site ou apenas queira ver como uma página específica é montada, é uma ferramenta gratuita e poderosa que já está ao seu alcance. Vale a pena conferir, mesmo que você use apenas uma pequena parte dela.