Гайд для быстрой подмены данных в Response без моков через DevTools ⬇️

Если нужно срочно изменить данные в response API для тестирования на UI, а на настройку моков нет времени - ловите гайд, как сделать это через DevTools в браузерах Chrome и Safari.

❗️Важно: изменения работают только локально и только в вашем браузере ❗️

Через Google Chrome:

1. Открыть вкладку Network -> найти нужный запрос -> правой кнопкой мыши -> выбрать Override content.

2. Вверху DevTools появится баннер с просьбой выбрать папку для сохранения. Нажать Select Folder, выбрать папку.

3. Далее перейти во вкладку Sources -> Overrides, и нажать на Select folder for overrides чтобы выбрать файл кот-й вы сохранили -> Нажать Allow -> файл должен импортироваться.

4. И теперь чтобы подменить данные -> открыть файл локально (в папке кот-ю вы ранее выбирали) -> Отредактируйте нужные вам данные в json.

5. Снова отправить запрос -> в Network увидите измененный ответ.

Для отмены действия можете убрать галочку Enable Local Overrides.

Через Safari (намного проще):

1. DevTools -> Network -> найти нужный запрос -> правой кнопкой мыши -> Create Response Local Override.

2. Откроется вкладка Sources -> можно отредактировать ответ прямо в браузере.

3. Отправить запрос -> в Network увидите измененный ответ.

Для отмены действия убираем галочку в Local Overrides.

4. Статус-коды, хедеры -> правой кнопкой мыши -> Edit Local Override -> и в открывающемся окне меняете нужные вам данные.