Request Mocker modifica il traffico di rete nel browser senza toccare il backend: blocca le richieste, imposta o rimuovi le intestazioni di richiesta e risposta e restituisce i tuoi codici di stato, corpi e ritardi in modo da poter testare gli stati che l'API reale non produrrà su richiesta.
Alcuni stati sono dolorosamente difficili da raggiungere. Una dashboard vuota necessita di una risposta vuota, un banner di nuovo tentativo necessita di un 500, uno scheletro di caricamento necessita di un endpoint lento e un frontend necessita di un endpoint che non esiste ancora. Normalmente ognuno significa una modifica al backend, un database seminato o una riga commentata che speri di non inviare.
Request Mocker produce tali stati nel browser. Abbina un URL tramite sottostringa o caratteri jolly, quindi decidi cosa succede: blocca la richiesta in modo che la pagina veda un errore, riscrivi al volo le intestazioni della richiesta o della risposta o restituisci una risposta predefinita con il codice di stato, il tipo di contenuto, il corpo e il ritardo di tua scelta. La pagina non è in grado di distinguere la differenza, quindi la vera gestione degli errori, gli stati vuoti e i timeout vengono eseguiti in modo reale.
Il blocco e la riscrittura delle intestazioni utilizzano le regole dichiarativeNetRequest di Chrome, quindi si applicano a tutto ciò che la pagina richiede, incluso il ricaricamento. Le risposte false vengono fornite per recuperare e XMLHttpRequest dall'interno della pagina e il pannello registra ciascuna di esse mentre viene fornita insieme a un contatore di visite per regola, in modo da poter vedere a colpo d'occhio se la tua regola corrisponde a ciò che pensi che sia.
Le regole sono deliberatamente facili da eliminare. Vengono salvati per sito, si applicano solo alla scheda corrente e ognuno di essi viene rimosso nel momento in cui chiudi lo strumento, quindi non c'è modo di passare un pomeriggio a eseguire il debug di un problema che risulta essere un finto che ti sei dimenticato fosse in esecuzione.
Impedisci a una richiesta di uscire, abbinata a URL e metodo, e osserva come si comporta la pagina quando uno script, un'immagine, un tracker o una chiamata API semplicemente non arriva mai.
Imposta o rimuovi intestazioni di richiesta e risposta: aggiungi un'intestazione di autorizzazione, forza Cache-Control: no-store o rimuovi un'intestazione per vedere cosa si interrompe, senza alcuna modifica del server.
Servi un corpo che scrivi con il codice di stato e il tipo di contenuto che scegli. Perfetto per elenchi vuoti, payload non validi ed endpoint che non esistono ancora.
Restituisci un 500, un 429 o un 404 su richiesta e aggiungi un ritardo in millisecondi per trattenere la risposta in modo che gli stati di caricamento, gli spinner e la gestione del timeout possano essere testati correttamente.
Abbina liberamente un frammento come /api/users o precisamente caratteri jolly come *.example.com/v1/* e restringi qualsiasi regola a un singolo metodo HTTP.
Le regole appartengono al sito su cui le hai create e si applicano solo alla scheda corrente. La chiusura dello strumento rimuove tutte le regole attive, quindi nulla continua a intercettare il traffico alle tue spalle.
Restituisci un array vuoto per un endpoint elenco e verifica se l'interfaccia utente mostra uno stato vuoto corretto o un pannello vuoto scomodo.
Fai in modo che un endpoint restituisca 500 o 429 su richiesta per verificare che il banner dei nuovi tentativi, il toast e la copia di fallback vengano effettivamente visualizzati.
Derisione della forma di risposta concordata e costruzione dell'intero frontend su di essa mentre il backend è ancora in fase di scrittura.
Blocca un'analisi, una chat o uno script pubblicitario per verificare se è la cosa che rallenta la pagina o interrompe un layout.
Aggiungi un ritardo di due secondi a un endpoint e osserva come resistono scheletri, spinner e timeout quando una singola chiamata subisce ritardi.
Fare clic sull'icona Request Mocker nel dock DevSuite Pro. Il pannello si apre con un modulo di regole in alto e le regole salvate per questo sito sotto di esso.
Seleziona Richiesta di blocco, Modifica intestazioni o Risposta simulata e, facoltativamente, limita la regola a un metodo come POST.
Inserisci una sottostringa come /api/users o utilizza caratteri jolly come *.example.com/v1/*. Scegli se la regola copre solo le chiamate di recupero e XHR o ogni tipo di richiesta.
Per le intestazioni, scrivile una per riga: Nome: valore per impostarne uno, Nome: da solo per rimuoverlo. Per una simulazione, imposta lo stato, il ritardo, il tipo di contenuto e il corpo. Fai clic su Aggiungi regola e si applica immediatamente.
Ricarica o utilizza la pagina e il registro mostrerà ogni risposta falsa man mano che viene fornita, con un conteggio dei risultati accanto a ciascuna regola. Attiva/disattiva, modifica o elimina le regole mentre procedi; chiudendo lo strumento li cancella tutti.
Installa DevSuite Pro gratuitamente e sblocca più di 71 strumenti per sviluppatori per il tuo browser.
