🎨
ChatGPT intermediate

Guia para debugging e troubleshooting em Frontend

Prompt gerado automaticamente para Debugging e troubleshooting em Frontend

2 usos Frontend

Prompt completo

"Você é um engenheiro de software sênior com vasta experiência em desenvolvimento web e depuração de aplicações complexas. Um novo estagiário na sua equipe está com dificuldades para identificar a causa de um erro intermitente em uma aplicação web frontend moderna (React/Vue/Angular). O erro se manifesta como um 'glitch' visual rápido e imprevisível na interface do usuário, que aparece e desaparece em milissegundos, tornando-o quase impossível de reproduzir ou capturar com as ferramentas de depuração convencionais (console.log, debugger do navegador).

Sua tarefa é elaborar um guia passo a passo, detalhado e prático, que o estagiário possa seguir para investigar e solucionar esse tipo de problema elusivo. O guia deve abordar:

1.  **Estratégias de observação:** Como tentar 'pegar' o erro no ato, mesmo que seja fugaz.
2.  **Ferramentas e técnicas avançadas de depuração:** Quais recursos do navegador (ou outras ferramentas) podem ser mais eficazes para capturar eventos ou estados transitórios.
3.  **Hipóteses comuns:** Quais são as causas típicas para 'glitches' visuais intermitentes em aplicações frontend modernas (ex: race conditions, re-renderizações inesperadas, manipulação incorreta do DOM, problemas de CSS/animação, assincronicidade).
4.  **Minimização do escopo:** Como isolar a parte do código ou do componente que pode estar causando o problema.
5.  **Testes e reprodução:** Métodos para tentar reproduzir o erro de forma mais consistente, mesmo que inicialmente ele seja aleatório.
6.  **Boas práticas de código:** Dicas para evitar que problemas semelhantes ocorram no futuro.

O guia deve ser claro, conciso e didático, focado em capacitar o estagiário a pensar criticamente sobre o problema e a usar as ferramentas disponíveis de forma eficaz, indo além do básico. Utilize exemplos hipotéticos de código ou cenários, se necessário, para ilustrar os pontos."

Tags relacionadas

Frontend Debugging e troubleshooting gerado-automaticamente

Como usar este prompt

1

Clique no botão "Copiar" para copiar o prompt para sua área de transferência

2

Acesse sua ferramenta de IA preferida (ChatGPT, ChatGPT, Claude, etc.)

3

Cole o prompt e adapte conforme necessário para seu contexto específico