Junior
Quais secções existem nas Ferramentas de Desenvolvimento (Dev Tools)?
sobes.tech IA
Resposta da IA
- Elementos - Permite visualizar e editar a estrutura HTML e os estilos CSS em tempo real.
- Consola - Usada para depurar JavaScript, executar expressões e visualizar mensagens (logs) de scripts e do navegador.
- Fontes - Permite visualizar o código fonte da página, arquivos JavaScript e CSS, e definir pontos de interrupção para depuração.
- Rede - Rastreia todas as solicitações de rede feitas pela página (HTTP, HTTPS, WebSockets), exibindo seu estado, tempo de carregamento e tamanho.
- Desempenho - Ajuda a analisar o desempenho da página web, identificando gargalos relacionados a scripts, renderização e carregamento.
- Memória - Permite fazer perfil do uso de memória pelos scripts da página e detectar vazamentos de memória.
- Aplicação - Contém ferramentas para trabalhar com armazenamento local (Local Storage, Session Storage), cookies, cache, serviços web e o manifesto da aplicação web.
- Segurança - Fornece informações sobre a segurança da conexão atual (certificados SSL/TLS, conteúdo misto).
- Lighthouse - Ferramenta para auditar o desempenho, acessibilidade, boas práticas, SEO e PWA.
- Gravador - Permite gravar as interações do usuário com a página e reproduzi-las, gerando testes automatizados.