Dale St. Marthe
O Chrome DevTools oferece muitas ferramentas poderosas que ajudam você 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 do dispositivo, além dos painéis Elementos, Console, Fontes e Rede. Além disso, você vai aprender sobre a guia Estilos e como personalizar o DevTools.
Assista ao vídeo para saber como:
- Inspecione e edite elementos DOM.
- Visualize e altere as dimensões de um elemento com o Modelo de caixa.
- Veja como sua página aparece em dispositivos móveis.
- Identifique erros de JavaScript com o painel Console.
- Depure o JavaScript usando pontos de interrupção no painel Origens.
- Analise e filtre a atividade da rede no painel Rede.
- Simule velocidades de conexão mais lentas.
- Personalize o DevTools.
Para uma visão geral mais detalhada, consulte nossa Visão geral do DevTools.