Request Mocker altera o tráfego de rede no navegador sem tocar no back-end - bloqueia solicitações, define ou remove cabeçalhos de solicitação e resposta e retorna seus próprios códigos de status, corpos e atrasos para que você possa testar estados que a API real não produzirá sob demanda.
Alguns estados são dolorosamente difíceis de alcançar. Um painel vazio precisa de uma resposta vazia, um banner de nova tentativa precisa de 500, um esqueleto de carregamento precisa de um endpoint lento e um frontend precisa de um endpoint que ainda não existe. Normalmente, cada um significa uma alteração de back-end, um banco de dados propagado ou uma linha comentada que você espera não enviar.
Request Mocker produz esses estados no navegador. Combine um URL por substring ou com curingas e decida o que acontece: bloqueie a solicitação para que a página veja uma falha, reescreva a solicitação ou os cabeçalhos de resposta imediatamente ou retorne uma resposta automática com o código de status, tipo de conteúdo, corpo e atraso de sua escolha. A página não pode dizer a diferença, portanto, seu tratamento real de erros, estados vazios e tempos limite são executados de verdade.
O bloqueio e a reescrita de cabeçalho usam as regras declarativasNetRequest do Chrome, portanto, elas se aplicam a tudo o que a página solicita, inclusive ao recarregar. Respostas falsas são servidas para buscar e XMLHttpRequest de dentro da página, e o painel registra cada uma delas à medida que são servidas junto com um contador de visitas por regra, para que você possa ver rapidamente se sua regra corresponde ao que você pensa que é.
As regras são deliberadamente fáceis de eliminar. Eles são salvos por site, aplicam-se apenas à guia atual e cada um deles é removido no momento em que você fecha a ferramenta — portanto, não há como passar uma tarde depurando um problema que acaba sendo uma simulação que você esqueceu que estava em execução.
Impeça que uma solicitação saia, corresponda por URL e método, e observe como a página se comporta quando um script, imagem, rastreador ou chamada de API simplesmente nunca chega.
Defina ou remova cabeçalhos de solicitação e resposta — adicione um cabeçalho de autorização, force Cache-Control: no-store ou remova um cabeçalho para ver o que quebra — sem qualquer alteração no servidor.
Sirva um corpo que você escreve com o código de status e o tipo de conteúdo que você escolher. Perfeito para listas vazias, cargas malformadas e endpoints que ainda não existem.
Retorne um 500, um 429 ou um 404 sob demanda e adicione um atraso em milissegundos para reter a resposta para que os estados de carregamento, os giradores e o tratamento do tempo limite possam ser testados corretamente.
Combine vagamente com um fragmento como /api/users ou precisamente com curingas como *.example.com/v1/* e restrinja qualquer regra a um único método HTTP.
As regras pertencem ao site em que você as criou e se aplicam apenas à guia atual. Fechar a ferramenta remove todas as regras ativas, para que nada continue interceptando o tráfego nas suas costas.
Retorne um array vazio para um endpoint de lista e veja se sua IU mostra um estado vazio adequado ou um painel em branco estranho.
Faça um endpoint retornar 500 ou 429 sob demanda para verificar se o banner de nova tentativa, o brinde e a cópia substituta realmente aparecem.
Simule a forma de resposta acordada e construa todo o front-end contra ela enquanto o back-end ainda está sendo escrito.
Bloqueie uma análise, bate-papo ou script de anúncio para confirmar se é isso que está deixando a página lenta ou quebrando um layout.
Adicione um atraso de dois segundos a um endpoint e observe como os esqueletos, os spinners e os tempos limite se comportam quando uma única chamada fica atrasada.
Clique no ícone Request Mocker no dock do DevSuite Pro. O painel é aberto com um formulário de regras na parte superior e as regras salvas para este site abaixo dele.
Escolha Solicitação de bloqueio, Editar cabeçalhos ou Resposta simulada e, opcionalmente, limite a regra a um método, como POST.
Insira uma substring como /api/users ou use curingas como *.example.com/v1/*. Escolha se a regra abrange apenas chamadas de busca e XHR ou todos os tipos de solicitação.
Para cabeçalhos, escreva-os um por linha - Nome: valor para definir um, Nome: por conta própria para removê-lo. Para uma simulação, defina o status, o atraso, o tipo de conteúdo e o corpo. Clique em Adicionar regra e ela será aplicada imediatamente.
Recarregue ou use a página e o log mostrará cada resposta falsa conforme ela é veiculada, com uma contagem de acessos ao lado de cada regra. Alterne, edite ou exclua regras conforme você avança; fechar a ferramenta limpa todos eles.
Instale o DevSuite Pro gratuitamente e desbloqueie mais de 71 ferramentas de desenvolvedor para seu navegador.
