Binabago ng Request Mocker ang trapiko ng network sa browser nang hindi hinahawakan ang backend — i-block ang mga kahilingan, itakda o alisin ang mga header ng kahilingan at tugon, at ibalik ang sarili mong mga status code, katawan at pagkaantala upang masubukan mo ang mga estado na hindi gagawa ng tunay na API kapag hinihiling.
Ang ilang mga estado ay masakit na mahirap abutin. An empty dashboard needs an empty response, a retry banner needs a 500, a loading skeleton needs a slow endpoint, and a frontend needs an endpoint that does not exist yet. Karaniwang nangangahulugan ang bawat isa ng pagbabago sa backend, isang seeded database o isang nagkomento na linya na inaasahan mong hindi ipapadala.
Ginagawa ng Request Mocker ang mga estadong iyon sa browser. Match a URL by substring or with wildcards, then decide what happens: block the request so the page sees a failure, rewrite request or response headers on the fly, or return a canned response with the status code, content type, body and delay of your choosing. Hindi masasabi ng page ang pagkakaiba, kaya ang iyong tunay na paghawak ng error, mga walang laman na estado at mga timeout ay tumatakbo nang totoo.
Gumagamit ang pag-block at muling pagsulat ng header ng mga panuntunan sa declarativeNetRequest ng Chrome, kaya nalalapat ang mga ito sa lahat ng hinihiling ng page, kasama ang pag-reload. Ang mga pekeng tugon ay inihahatid upang kunin at XMLHttpRequest mula sa loob ng pahina, at ini-log ng panel ang bawat isa habang inihahatid ito kasama ng isang hit counter bawat panuntunan, upang makita mo sa isang sulyap kung ang iyong panuntunan ay tumutugma sa kung ano ang iniisip mo.
Ang mga panuntunan ay sadyang madaling alisin. Nai-save ang mga ito sa bawat site, nalalapat lang sa kasalukuyang tab, at ang bawat isa sa mga ito ay tinanggal sa sandaling isara mo ang tool — kaya walang paraan para mag-debug ng isang hapon sa isang problema na lumalabas na isang pangungutya na nakalimutan mong tumatakbo.
Itigil ang isang kahilingan mula sa pag-alis, na itinugma sa pamamagitan ng URL at pamamaraan, at panoorin kung paano kumikilos ang pahina kapag ang isang script, larawan, tracker o API na tawag ay hindi kailanman dumating.
Itakda o alisin ang mga header ng kahilingan at tugon — magdagdag ng header ng Awtorisasyon, pilitin ang Cache-Control: walang tindahan, o alisin ang isang header upang makita kung ano ang masisira — nang walang anumang pagbabago sa server.
Ihatid ang isang katawan na iyong sinusulat gamit ang status code at uri ng nilalaman na iyong pinili. Perpekto para sa mga walang laman na listahan, maling nabuong mga payload at mga endpoint na wala pa.
Magbalik ng 500, 429 o 404 on demand, at magdagdag ng pagkaantala sa mga millisecond upang pigilan ang tugon para masuri nang maayos ang mga estado ng paglo-load, spinner at timeout.
Itugma nang maluwag ang isang fragment tulad ng /api/users, o tiyak na may mga wildcard tulad ng *.example.com/v1/*, at paliitin ang anumang panuntunan sa isang paraan ng HTTP.
Ang mga panuntunan ay nabibilang sa site kung saan mo ginawa ang mga ito at nalalapat lamang sa kasalukuyang tab. Ang pagsasara sa tool ay nag-aalis ng bawat aktibong panuntunan, kaya walang patuloy na humahadlang sa trapiko sa likod mo.
Magbalik ng isang walang laman na array para sa isang listahan ng endpoint at tingnan kung ang iyong UI ay nagpapakita ng isang wastong walang laman na estado o isang awkward na blangko na panel.
Gumawa ng endpoint return 500 o 429 on demand para matiyak na ang retry banner, toast at fallback copy ay talagang lalabas lahat.
Kutyain ang napagkasunduang hugis ng tugon at buuin ang buong frontend laban dito habang isinusulat pa rin ang backend.
Mag-block ng analytics, chat o ad script upang kumpirmahin kung ito ba ang bagay na nagpapabagal sa page o nakakasira ng layout.
Magdagdag ng dalawang segundong pagkaantala sa isang endpoint at panoorin kung paano tumatagal ang mga skeleton, spinner, at timeout kapag nahuli ang isang tawag.
I-click ang icon na Request Mocker sa DevSuite Pro dock. Ang panel ay bubukas na may isang form ng panuntunan sa itaas at ang iyong mga naka-save na panuntunan para sa site na ito sa ibaba nito.
Piliin ang I-block ang kahilingan, I-edit ang mga header o Mock na tugon, at opsyonal na limitahan ang panuntunan sa isang paraan gaya ng POST.
Maglagay ng substring gaya ng /api/users, o gumamit ng mga wildcard gaya ng *.example.com/v1/*. Piliin kung saklaw lang ng panuntunan ang pagkuha at XHR na mga tawag o bawat uri ng kahilingan.
Para sa mga header, isulat ang mga ito ng isa sa bawat linya — Pangalan: halaga upang itakda ang isa, Pangalan: sa sarili nito upang alisin ito. Para sa isang kunwaring, itakda ang status, pagkaantala, uri ng nilalaman at katawan. I-click ang Magdagdag ng panuntunan at nalalapat ito kaagad.
I-reload o gamitin ang page at ipinapakita ng log ang bawat pekeng tugon habang inihahatid ito, na may bilang ng hit sa tabi ng bawat panuntunan. I-toggle, i-edit o tanggalin ang mga panuntunan habang nagpapatuloy ka; ang pagsasara ng tool ay nag-aalis ng lahat.
I-install ang DevSuite Pro nang libre at i-unlock ang 71+ developer tools para sa iyong browser.
