O Chrome DevTools oferece muitas ferramentas poderosas que ajudam a inspecionar e melhorar profundamente seus aplicativos da Web.
O vídeo a seguir apresenta uma visão geral de seis ferramentas fundamentais, incluindo o botão Inspecionar e o Modo de dispositivo, além dos painéis Elementos, Console, Fontes e Rede. Além disso, você vai aprender sobre a guia Styles e maneiras de personalizar o DevTools.
Assista ao vídeo para saber como:
- Inspecione e edite elementos do DOM.
- Visualize e mude as dimensões de um elemento com o modelo de caixa.
- Confira como sua página parece em dispositivos móveis.
- Identifique erros de JavaScript com o painel Console.
- Depurar JavaScript usando pontos de interrupção no painel Origens.
- Analise e filtre a atividade de rede no painel Rede.
- Simule velocidades de conexão mais lentas.
- Personalizar o DevTools.
Para uma visão geral detalhada, consulte nossa Visão geral do DevTools.