← Späť na funkcie
Pro

Request Mocker

Request Mocker mení sieťovú prevádzku v prehliadači bez toho, aby ste sa dotkli backendu – blokujte požiadavky, nastavte alebo odstráňte hlavičky požiadaviek a odpovedí a vracajte svoje vlastné stavové kódy, telá a oneskorenia, aby ste mohli testovať stavy, ktoré skutočné API nevytvorí na požiadanie.

Niektoré štáty sú bolestne ťažko dosiahnuteľné. Prázdny dashboard potrebuje prázdnu odpoveď, retry banner potrebuje 500, načítavacia kostra potrebuje pomalý koncový bod a frontend potrebuje koncový bod, ktorý ešte neexistuje. Normálne každý z nich znamená zmenu backendu, nasadenú databázu alebo zakomentovaný riadok, o ktorom dúfate, že ho nebudete posielať.

Request Mocker vytvára tieto stavy v prehliadači. Priraďte adresu URL podľa podreťazca alebo zástupných znakov a potom sa rozhodnite, čo sa stane: zablokujte požiadavku, aby stránka videla zlyhanie, prepíšte hlavičky požiadavky alebo odpovede za chodu alebo vráťte pripravenú odpoveď so stavovým kódom, typom obsahu, telom a oneskorením podľa vášho výberu. Stránka nedokáže rozoznať rozdiel, takže vaše skutočné spracovanie chýb, prázdne stavy a časové limity bežia ako skutočné.

Blokovanie a prepisovanie hlavičiek používajú deklaratívne pravidlá NetRequest prehliadača Chrome, takže sa vzťahujú na všetko, čo stránka požaduje, vrátane opätovného načítania. Falošné odpovede sa poskytujú na načítanie a XMLHttpRequest zvnútra stránky a panel zaznamená každú z nich tak, ako je doručená, spolu s počítadlom prístupov na pravidlo, takže môžete na prvý pohľad vidieť, či sa vaše pravidlo zhoduje s tým, čo si myslíte.

Pravidlá sa zámerne ľahko zbavujú. Ukladajú sa na stránku, aplikujú sa iba na aktuálnu kartu a každá z nich sa odstráni, keď nástroj zatvoríte – takže neexistuje spôsob, ako stráviť popoludnie ladením problému, ktorý sa ukáže ako výsmech, na ktorý ste zabudli.

Živý náhľad
app.example.com
Request Mocker Na tejto karte sú aktívne 3 pravidlá
Nové pravidlo
Falošná odpoveď GET /api/orders
Stav 500 Oneskorenie ms 1200 Pridať pravidlo
pravidlá
posmievať sa GET /api/orders → 500 7 ●
blokovať ANY analytics.vendor.com/* ●
hlavičky ANY /api/* → Cache-Control: no-store ●
Boli doručené zosmiešňované odpovede
GET 500 /api/orders?page=1 · fetch · 14:22:07
GET 500 /api/orders?page=2 · fetch · 14:22:11
Kľúčové vlastnosti

Blokovať akúkoľvek požiadavku

Zastavte, aby žiadosť neodchádzala podľa adresy URL a metódy, a sledujte, ako sa stránka správa, keď skript, obrázok, sledovač alebo volanie rozhrania API jednoducho nikdy nepríde.

Prepisujte hlavičky za chodu

Nastavte alebo odstráňte hlavičky požiadaviek a odpovedí – pridajte hlavičku Authorization, vynútiť Cache-Control: no-store alebo odstráňte hlavičku, aby ste videli, čo sa pokazí – bez akejkoľvek zmeny servera.

Vráťte svoje vlastné odpovede

Podávajte telo, ktoré napíšete, so stavovým kódom a typom obsahu, ktorý si vyberiete. Ideálne pre prázdne zoznamy, chybné užitočné zaťaženia a koncové body, ktoré ešte neexistujú.

Simulovať chyby a pomalé siete

Na požiadanie vráťte 500, 429 alebo 404 a pridajte oneskorenie v milisekundách, aby ste zadržali odozvu, aby bolo možné správne otestovať stavy načítania, otáčanie a spracovanie časového limitu.

Zhoda podreťazca alebo zástupných znakov

Porovnajte voľne s fragmentom, ako je /api/users, alebo presne so zástupnými znakmi, ako je *.example.com/v1/*, a zúžte akékoľvek pravidlo na jedinú metódu HTTP.

Uložené na stránku, vymazané pri ukončení

Pravidlá patria webu, na ktorom ste ich vytvorili, a vzťahujú sa iba na aktuálnu kartu. Zatvorením nástroja sa odstránia všetky aktívne pravidlá, takže premávku za vašim chrbtom už nič nezachytáva.

Bežné prípady použitia

Testovanie prázdnych stavov

Vráťte prázdne pole pre koncový bod zoznamu a zistite, či vaše používateľské rozhranie zobrazuje správny prázdny stav alebo nepríjemný prázdny panel.

Vynútenie spustenia spracovania chýb

Na požiadanie vráťte koncový bod 500 alebo 429, aby ste skontrolovali, či sa banner na opakovanie pokusu, toast a záložná kópia skutočne zobrazujú.

Budovanie proti API, ktoré ešte neexistuje

Zosmiešnite dohodnutý tvar odpovede a postavte proti nemu celý frontend, kým sa backend ešte len píše.

Diagnostika skriptov tretích strán

Zablokujte analytický, chatový alebo reklamný skript, aby ste si overili, či je to vec, ktorá spomaľuje stránku alebo narúša rozloženie.

Kontrola správania pomalej siete

Pridajte dvojsekundové oneskorenie do jedného koncového bodu a sledujte, ako kostry, spinnery a časové limity vydržia, keď jeden hovor mešká.

Ako používať
1

Otvorte Request Mocker

Kliknite na ikonu Request Mocker v doku DevSuite Pro. Otvorí sa panel s formulárom pravidiel navrchu a vašimi uloženými pravidlami pre túto lokalitu pod ním.

2

Vyberte si, čo sa má stať

Vyberte požiadavku na blokovanie, úpravu hlavičiek alebo simulovanú odpoveď a voliteľne obmedzte pravidlo na jednu metódu, napríklad POST.

3

Povedzte, ktoré adresy URL sa majú zhodovať

Zadajte podreťazec, napríklad /api/users, alebo použite zástupné znaky, napríklad *.example.com/v1/*. Vyberte, či sa pravidlo vzťahuje iba na načítanie a volania XHR alebo na každý typ požiadavky.

4

Vyplňte podrobnosti a pridajte ich

V prípade hlavičiek ich napíšte jednu na riadok — Name: hodnota, ak chcete nastaviť jednu, Name: samostatne, ak ju chcete odstrániť. Pre simuláciu nastavte stav, oneskorenie, typ obsahu a telo. Kliknite na Pridať pravidlo a okamžite sa použije.

5

Sledujte, ako funguje, a potom zatvorte

Znova načítajte alebo použite stránku a denník zobrazí každú falošnú odpoveď tak, ako je doručená, s počtom prístupov vedľa každého pravidla. Prepínajte, upravujte alebo odstraňovajte pravidlá za pochodu; zatvorením nástroja sa všetky vymažú.

Pripravený vyskúšať?

Nainštalujte si DevSuite Pro zadarmo a odomknite viac ako 71 vývojárskych nástools pre váš prehliadač.

Pridať do Chrome Pridať do Edge Pridať do FireFox