← Назад към функциите
Pro

Request Mocker

Request Mocker променя мрежовия трафик в браузъра, без да докосва бекенда — блокира заявки, задава или премахва заглавки на заявки и отговори и връща вашите собствени кодове за състояние, тела и закъснения, за да можете да тествате състояния, които истинският API няма да генерира при поискване.

Някои държави са болезнено трудни за достигане. Празното табло за управление се нуждае от празен отговор, банерът за повторен опит се нуждае от 500, скелетът за зареждане се нуждае от бавна крайна точка, а интерфейсът се нуждае от крайна точка, която все още не съществува. Обикновено всеки означава промяна в бекенда, заредена база данни или коментиран ред, който се надявате да не изпратите.

Request Mocker създава тези състояния в браузъра. Свържете URL чрез подниз или със заместващи символи, след което решете какво ще се случи: блокирайте заявката, така че страницата да вижда грешка, пренапишете заявката или заглавките на отговора в движение или върнете готов отговор с кода на състоянието, типа съдържание, тялото и забавянето по ваш избор. Страницата не може да направи разликата, така че вашето реално обработване на грешки, празни състояния и изчаквания се изпълняват реално.

Блокирането и пренаписването на заглавките използват правилата на Chrome за declarativeNetRequest, така че те се прилагат за всичко, което страницата изисква, включително при презареждане. Фалшивите отговори се сервират за извличане и XMLHttpRequest от вътрешността на страницата и панелът регистрира всеки от тях, докато се сервира, заедно с брояч на посещения за всяко правило, така че можете да видите с един поглед дали вашето правило съответства на това, което мислите, че е.

Правилата са умишлено лесни за премахване. Те се записват за всеки сайт, прилагат се само към текущия раздел и всеки един от тях се премахва в момента, в който затворите инструмента — така че няма начин да прекарате следобед в отстраняване на грешки на проблем, който се оказва макет, който сте забравили да работи.

Преглед на живо
app.example.com
Request Mocker 3 активни правила в този раздел
Ново правило
Фалшив отговор GET /api/orders
Статус 500 Забавяне мс 1200 Добавете правило
правила
подигравам се GET /api/orders → 500 7 ●
блок ANY analytics.vendor.com/* ●
заглавки ANY /api/* → Cache-Control: no-store ●
Сервирани са подигравателни отговори
GET 500 /api/orders?page=1 · fetch · 14:22:07
GET 500 /api/orders?page=2 · fetch · 14:22:11
Ключови функции

Блокирайте всяка заявка

Спрете напускането на заявка, съответстваща на URL адрес и метод, и гледайте как се държи страницата, когато скрипт, изображение, тракер или API извикване просто никога не пристига.

Пренаписване на заглавки в движение

Задайте или премахнете заглавки на заявка и отговор — добавете заглавка за оторизация, принудете Cache-Control: no-store или премахнете заглавка, за да видите какво се поврежда — без промяна на сървъра.

Върнете вашите собствени отговори

Сервирайте тялото, което пишете, с кода на състоянието и типа съдържание, които изберете. Перфектен за празни списъци, неправилно формирани полезни товари и крайни точки, които все още не съществуват.

Симулирайте грешки и бавни мрежи

Върнете 500, 429 или 404 при поискване и добавете забавяне в милисекунди, за да задържите отговора, така че състоянията на зареждане, въртящите се функции и обработката на времето за изчакване могат да бъдат тествани правилно.

Съвпадение на подниз или заместващ знак

Съвпадайте свободно с фрагмент като /api/users или точно със заместващи символи като *.example.com/v1/* и стеснете всяко правило до един HTTP метод.

Запазва се на сайт, изчиства се при излизане

Правилата принадлежат на сайта, на който сте ги създали, и се прилагат само към текущия раздел. Затварянето на инструмента премахва всички активни правила, така че нищо не продължава да прихваща трафика зад гърба ви.

Чести случаи на употреба

Тестване на празни състояния

Върнете празен масив за крайна точка на списък и вижте дали потребителският ви интерфейс показва правилно празно състояние или неудобен празен панел.

Принудително изпълнение на обработката на грешки

Направете крайна точка да върне 500 или 429 при поискване, за да проверите дали банерът за повторен опит, тостът и резервното копие наистина се показват.

Изграждане срещу API, който все още не съществува

Подиграйте се на договорената форма на отговор и изградете целия фронтенд спрямо него, докато бекендът все още се пише.

Диагностика на скриптове на трети страни

Блокирайте аналитичен, чат или рекламен скрипт, за да потвърдите дали това е нещото, което забавя страницата или нарушава оформлението.

Проверка на бавното поведение на мрежата

Добавете забавяне от две секунди към една крайна точка и вижте как издържат скелетони, въртящи се и изчаквания, когато едно повикване изостава.

Как да използвате
1

Отворете Request Mocker

Щракнете върху иконата Request Mocker в докинг станцията DevSuite Pro. Панелът се отваря с формуляр за правило отгоре и вашите запазени правила за този сайт под него.

2

Изберете какво трябва да се случи

Изберете Block request, Edit headers или Mock response и по избор ограничете правилото до един метод, като например POST.

3

Кажете кои URL адреси да съответстват

Въведете подниз като /api/users или използвайте заместващи символи като *.example.com/v1/*. Изберете дали правилото обхваща само извличане и XHR повиквания или всеки тип заявка.

4

Попълнете подробностите и го добавете

За заглавки ги напишете по една на ред — Име: стойност, за да зададете такава, Име: самостоятелно, за да я премахнете. За макет задайте състоянието, забавянето, типа съдържание и тялото. Щракнете върху Добавяне на правило и то се прилага незабавно.

5

Гледайте как работи и след това затворете

Презаредете или използвайте страницата и регистрационният файл показва всеки фалшив отговор, докато се сервира, с брой посещения до всяко правило. Превключвайте, редактирайте или изтривайте правила, докато вървите; затварянето на инструмента ги изчиства всички.

Готови ли сте да опитате?

Инсталирайте DevSuite Pro безплатно и отключете 71+ инструмента за разработчици за вашия браузър.

Добавяне към Chrome Добави към Edge Добавяне към FireFox