Codex pode ajudar a executar uma tarefa de desenvolvimento e organizar evidências. Chrome DevTools permite examinar o comportamento da página. QA define os casos e decide se a interface atende ao contrato do produto. Esses papéis se complementam.
Quem faz o quê
| Parte | Papel | Evidência que você deve pedir |
|---|---|---|
| Codex | Conduzir investigação e propor correção | Arquivo ou comportamento alterado e validação |
| Chrome DevTools para agentes | Inspecionar DOM e estado de execução pelas ferramentas disponíveis | Console, requisição, captura e contexto |
| QA | Definir resultado esperado e verificar casos | Passou/falhou com entrada, URL e viewport |
A documentação do Chrome de 18/06/2026 descreve ferramentas de terceiros descobertas pelo MCP para contexto de runtime. Isso não dá a um agente acesso autorizado a qualquer página, conta ou banco. Versão, recursos experimentais e permissões precisam ser conferidos no ambiente.
Um fluxo reproduzível em local ou staging
- Abra uma página de teste autorizada e registre URL, versão e dimensões.
- Defina três casos: título visível, destino de um botão e formulário com campo obrigatório vazio.
- Navegue com teclado; confira foco, rótulos e se o erro do formulário é compreensível.
- Observe console e rede. Guarde a requisição que falhou com código de resposta; não exponha cookies ou tokens.
- Registre carregamento e uma trace quando houver problema de desempenho. Um número isolado não substitui diagnóstico.
- Repita em celular e desktop, leia o final da página e confira imagens e links.
Duas consultas pequenas que você pode conferir
Os exemplos abaixo foram executados nesta revisão em um navegador de teste. São JavaScript para Console/avaliação da página, não uma instalação de MCP ou comando de publicação.
document.querySelector('h1')?.textContent?.trim()
Compare com o título esperado. Um valor vazio pede diagnóstico; não prova por si só que o CMS perdeu o conteúdo.
document.documentElement.scrollWidth > window.innerWidth
O resultado detecta possível transbordamento horizontal. Depois localize o elemento e veja se é um carrossel previsto ou defeito. No teste deste guia, a consulta retornou false para a página verificada; isso não valida todas as rotas.
Relatório que outra pessoa consegue repetir
Para cada caso, guarde: URL, versão, viewport, passos, esperado, observado, captura e falha relevante de console/rede. Um checkout pode ser validado até o formulário de teste sem pagar ou usar cartão real. Não faça compra, envio ou ação externa sem autorização específica.
Use um perfil de teste. Uma sessão autenticada contém permissões e dados; só utilize a conta e os sites que a pessoa responsável autorizou. Nenhuma ferramenta técnica substitui esse consentimento.
Próximo estudo
O guia de prompts para Codex CLI trata de revisão, refatoração e documentação no projeto. Este artigo trata da página em execução. Para contexto de agentes e automação, veja o guia atual e pratique critérios em ChatGPT Workflows.
Onde continuar a prática
Consulte o programa de ChatGPT Workflows. Para conhecer a escola antes de escolher um plano, o ChatGPT para Iniciantes é gratuito. A formação usa ferramentas de terceiros; o plano da escola não inclui assinaturas desses serviços.
