← Înapoi la Funcționalități
Pro

Request Mocker

Request Mocker modifică traficul de rețea în browser fără a atinge backend - blocați cererile, setați sau eliminați anteturile de cereri și răspunsuri și returnați propriile coduri de stare, corpuri și întârzieri, astfel încât să puteți testa stările pe care API-ul real nu le va produce la cerere.

Unele state sunt dureros de greu de atins. Un tablou de bord gol are nevoie de un răspuns gol, un banner de reîncercare are nevoie de un 500, un schelet de încărcare are nevoie de un punct final lent, iar un front-end are nevoie de un punct final care nu există încă. În mod normal, fiecare înseamnă o schimbare de backend, o bază de date seeded sau o linie comentată pe care sper să nu o expediați.

Request Mocker produce acele stări în browser. Potriviți o adresă URL după subșir sau cu caractere metalice, apoi decideți ce se întâmplă: blocați solicitarea astfel încât pagina să vadă un eșec, rescrieți anteturile cererii sau răspunsului din mers sau returnați un răspuns predefinit cu codul de stare, tipul de conținut, corpul și întârzierea pe care o alegeți. Pagina nu poate face diferența, așa că gestionarea erorilor reale, stările goale și timeout-urile rulează pe bune.

Blocarea și rescrierea antetului folosesc regulile declarativeNetRequest ale Chrome, astfel încât acestea se aplică la tot ceea ce solicită pagina, inclusiv la reîncărcare. Răspunsurile false sunt furnizate pentru a prelua și XMLHttpRequest din interiorul paginii, iar panoul le înregistrează pe fiecare pe măsură ce sunt difuzate împreună cu un contor de accesări pe regulă, astfel încât să puteți vedea dintr-o privire dacă regula dvs. se potrivește cu ceea ce credeți că este.

Regulile sunt în mod deliberat ușor de scăpat. Acestea sunt salvate pe site, se aplică numai filei curente și fiecare dintre ele este eliminată în momentul în care închideți instrumentul - așa că nu există nicio modalitate de a petrece o după-amiază depanând o problemă care se dovedește a fi o simulare pe care ați uitat că o rulați.

Previzualizare în Direct
app.example.com
Request Mocker 3 reguli active în această filă
Regulă nouă
Răspuns simulat GET /api/orders
Stare 500 Întârziere ms 1200 Adăugați o regulă
Reguli
batjocură GET /api/orders → 500 7 ●
bloc ANY analytics.vendor.com/* ●
antete ANY /api/* → Cache-Control: no-store ●
Au fost difuzate răspunsuri batjocorite
GET 500 /api/orders?page=1 · fetch · 14:22:07
GET 500 /api/orders?page=2 · fetch · 14:22:11
Caracteristici Principale

Blocați orice solicitare

Opriți plecarea vreodată unei solicitări, potrivite după adresă URL și metodă, și urmăriți cum se comportă pagina atunci când un script, o imagine, un tracker sau un apel API pur și simplu nu sosește niciodată.

Rescrie antete din mers

Setați sau eliminați anteturile de solicitare și răspuns - adăugați un antet de autorizare, forțați Cache-Control: nu stocați sau eliminați un antet pentru a vedea ce se întrerupe - fără nicio modificare a serverului.

Întoarceți-vă propriile răspunsuri

Serviți un organism pe care îl scrieți cu codul de stare și tipul de conținut pe care îl alegeți. Perfect pentru liste goale, încărcături utile incorecte și puncte finale care nu există încă.

Simulați erori și rețele lente

Returnați un 500, un 429 sau un 404 la cerere și adăugați o întârziere în milisecunde pentru a reține răspunsul, astfel încât stările de încărcare, rotativele și gestionarea timeout-ului să poată fi testate corect.

Potrivire subșir sau wildcard

Potriviți vag cu un fragment, cum ar fi /api/users, sau mai exact cu metacaractere precum *.example.com/v1/* și restrângeți orice regulă la o singură metodă HTTP.

Salvat pe site, șters la ieșire

Regulile aparțin site-ului pe care le-ați creat și se aplică numai filei curente. Închiderea instrumentului elimină fiecare regulă activă, astfel încât nimic nu interceptează traficul în spatele tău.

Cazuri de Utilizare Comune

Testarea stărilor goale

Întoarceți o matrice goală pentru un punct final al listei și vedeți dacă interfața dvs. de utilizare arată o stare goală corectă sau un panou gol incomode.

Forțarea gestionării erorilor să ruleze

Faceți un punct final să returneze 500 sau 429 la cerere pentru a verifica dacă bannerul de reîncercare, toast și copia de rezervă apar cu adevărat.

Construire pe baza unui API care nu există încă

Imaginați-vă forma de răspuns convenită și construiți întregul front-end pe acesta în timp ce backend-ul este încă în curs de scris.

Diagnosticarea scripturilor terță parte

Blocați o analiză, un chat sau un script publicitar pentru a confirma dacă acesta este lucrul care încetinește pagina sau rupe un aspect.

Verificarea comportamentului rețelei lente

Adăugați o întârziere de două secunde la un punct final și urmăriți cum se mențin scheletele, spinnerele și timeout-urile atunci când un singur apel întârzie.

Cum se Folosește
1

Deschideți Request Mocker

Faceți clic pe pictograma Request Mocker din dock-ul DevSuite Pro. Panoul se deschide cu un formular de reguli deasupra și regulile salvate pentru acest site dedesubt.

2

Alege ce ar trebui să se întâmple

Alegeți cererea de blocare, editați antetele sau răspunsul simulat și, opțional, limitați regula la o singură metodă, cum ar fi POST.

3

Spuneți ce adrese URL să se potrivească

Introduceți un subșir, cum ar fi /api/users, sau utilizați metacaractere precum *.example.com/v1/*. Alegeți dacă regula acoperă numai apelurile de preluare și XHR sau orice tip de solicitare.

4

Completați detaliile și adăugați-l

Pentru anteturi, scrieți-le câte unul pe linie — Nume: valoare pentru a seta una, Nume: singur pentru a o elimina. Pentru o simulare, setați starea, întârzierea, tipul de conținut și corpul. Faceți clic pe Adăugați regulă și se aplică imediat.

5

Privește cum funcționează, apoi închide

Reîncărcați sau utilizați pagina și jurnalul arată fiecare răspuns fals pe măsură ce este difuzat, cu un număr de accesări lângă fiecare regulă. Comutați, editați sau ștergeți regulile pe măsură ce mergeți; închiderea instrumentului le șterge pe toate.

Ești Gata să Încerci?

Instalează DevSuite Pro gratuit și deblochează peste 71 de instrumente pentru dezvoltatori în browserul tău.

Adaugă în Chrome Adaugă la Edge Adaugă în FireFox