← Tornar a les funcions
Pro

Request Mocker

Request Mocker canvia el trànsit de xarxa al navegador sense tocar el backend: bloquegeu les sol·licituds, configureu o elimineu les capçaleres de sol·licituds i respostes i retorneu els vostres propis codis d'estat, cossos i retards perquè pugueu provar estats que l'API real no produirà sota demanda.

Alguns estats són dolorosament difícils d'arribar. Un tauler de control buit necessita una resposta buida, un bàner de reintent necessita un 500, un esquelet de càrrega necessita un punt final lent i una interfície necessita un punt final que encara no existeix. Normalment, cadascun significa un canvi de backend, una base de dades sembrada o una línia comentada que espereu no enviar.

Request Mocker produeix aquests estats al navegador. Relacioneu un URL per subcadena o amb comodins i, a continuació, decidiu què passa: bloquegeu la sol·licitud perquè la pàgina vegi un error, reescriviu les capçaleres de la sol·licitud o de la resposta sobre la marxa, o retorneu una resposta predefinida amb el codi d'estat, el tipus de contingut, el cos i el retard que trieu. La pàgina no pot notar la diferència, de manera que la gestió d'errors reals, els estats buits i els temps d'espera s'executen de veritat.

El bloqueig i la reescriptura de capçaleres utilitzen les regles declarativeNetRequest de Chrome, de manera que s'apliquen a tot allò que sol·licita la pàgina, inclòs la recàrrega. Les respostes falsificades es publiquen per obtenir i XMLHttpRequest des de dins de la pàgina, i el tauler registra cadascuna a mesura que es distribueix juntament amb un comptador de visites per regla, de manera que podeu veure d'un cop d'ull si la vostra regla coincideix amb el que creieu que és.

Les regles són deliberadament fàcils de desfer. Es guarden per lloc, només s'apliquen a la pestanya actual i cadascun d'ells s'elimina en el moment en què tanqueu l'eina, de manera que no hi ha manera de passar una tarda depurant un problema que resulta ser una simulació que heu oblidat.

Vista prèvia en viu
app.example.com
Request Mocker 3 regles actives en aquesta pestanya
Nova regla
Resposta simulada GET /api/orders
Estat 500 Retard ms 1200 Afegeix una regla
Normes
burla GET /api/orders → 500 7 ●
bloc ANY analytics.vendor.com/* ●
capçaleres ANY /api/* → Cache-Control: no-store ●
S'han publicat respostes burlades
GET 500 /api/orders?page=1 · fetch · 14:22:07
GET 500 /api/orders?page=2 · fetch · 14:22:11
Funcions clau

Bloqueja qualsevol sol·licitud

Eviteu que una sol·licitud no surti mai, que coincideixi amb l'URL i el mètode, i mireu com es comporta la pàgina quan simplement no arriba mai un script, una imatge, un rastrejador o una trucada a l'API.

Reescriure les capçaleres sobre la marxa

Estableix o elimina les capçaleres de sol·licitud i resposta: afegeix una capçalera d'autorització, força el control de memòria cau: no emmagatzema o elimina una capçalera per veure què es trenca, sense cap canvi de servidor.

Torna les teves pròpies respostes

Envieu un cos que escriviu amb el codi d'estat i el tipus de contingut que trieu. Perfecte per a llistes buides, càrregues útils malformades i punts finals que encara no existeixen.

Simular errors i xarxes lentes

Torneu un 500, un 429 o un 404 a demanda i afegiu un retard en mil·lisegons per retenir la resposta de manera que els estats de càrrega, els spinners i la gestió del temps d'espera es puguin provar correctament.

Coincidència de subcadenes o comodins

Coincideix sense problemes amb un fragment com /api/users, o precisament amb comodins com *.example.com/v1/* i restringeix qualsevol regla a un únic mètode HTTP.

Desat per lloc, esborrat a la sortida

Les regles pertanyen al lloc on les heu creat i només s'apliquen a la pestanya actual. Tancar l'eina elimina totes les regles actives, de manera que res no segueixi interceptant el trànsit a l'esquena.

Casos d'ús comuns

Prova d'estats buits

Torneu una matriu buida per a un punt final de la llista i comproveu si la vostra interfície d'usuari mostra un estat buit adequat o un tauler en blanc incòmode.

Forçar la gestió d'errors a executar-se

Feu que un punt final retorni 500 o 429 a petició per comprovar que el bàner de reintentar, el brindis i la còpia alternativa apareixen realment.

Creació contra una API que encara no existeix

Imaquia la forma de resposta acordada i construeix-hi tot el front-end mentre encara s'està escrivint el backend.

Diagnosticar scripts de tercers

Bloqueja un script d'anàlisi, de xat o d'anunci per confirmar si és el que ralenteix la pàgina o trenca un disseny.

Comprovació del comportament de la xarxa lenta

Afegiu un retard de dos segons a un punt final i observeu com s'aguanten els esquelets, els spinners i els temps d'espera quan una sola trucada es retarda.

Com utilitzar-lo
1

Obriu Request Mocker

Feu clic a la icona Request Mocker al moll de DevSuite Pro. El tauler s'obre amb un formulari de regles a la part superior i les regles desades per a aquest lloc a sota.

2

Trieu què ha de passar

Seleccioneu la sol·licitud de bloqueig, Editeu les capçaleres o la resposta simulada i, opcionalment, limiteu la regla a un mètode com ara POST.

3

Digues quins URL coincideixen

Introduïu una subcadena com ara /api/users o utilitzeu comodins com ara *.example.com/v1/*. Trieu si la regla només cobreix les trucades de recuperació i XHR o qualsevol tipus de sol·licitud.

4

Ompliu els detalls i afegiu-lo

Per a les capçaleres, escriviu-ne una per línia — Nom: valor per definir-ne un, Nom: sol per eliminar-lo. Per a una simulació, definiu l'estat, el retard, el tipus de contingut i el cos. Feu clic a Afegeix una regla i s'aplicarà immediatament.

5

Mira com funciona i després tanca

Torneu a carregar o utilitzeu la pàgina i el registre mostra cada resposta falsa a mesura que es publica, amb un recompte de visites al costat de cada regla. Alterna, edita o suprimeix regles a mesura que avances; tancar l'eina els esborra tots.

Llest per provar-ho?

Instal·la DevSuite Pro gratuïtament i desbloqueja més de 71 eines de desenvolupador per al teu navegador.

Afegeix a Chrome Afegeix a Edge Afegeix a FireFox