Как подменить данные через DevTools?
Решила снять видео благодаря запросу коллеги из моего чата про overrides через Chrome Devtools. Я редко использую эту фичу, поэтому я также затрагиваю тему и про "Edit and Resend" в Firefox Devtools. Делитесь в комментариях своим опытом по использованию overrides через Chrome Devtools - будет полезно.

Видео
▶️Kinescope

▶️YouTube

▶️RuTube

Откройте Chrome DevTools
▪️ПКМ → Inspect или F12 → вкладка Network.

Найдите нужный запрос
▪️Обновите страницу → найдите запрос → ПКМ → Override content.

Включите Local Overrides
▪️В DevTools появится баннер → нажмите Select folder.

Выберите любую папку на диске → нажмите Allow.
▪️Редактируйте ответ

Перейдите во вкладку Sources → Overrides.
▪️Откройте файл перехваченного запроса (JSON, HTML и т.д.).

Измените данные под свои нужды → Ctrl+S / Cmd+S.
▪️Повторно отправьте запрос

Перезагрузите страницу или инициируйте тот же запрос.
▪️В Network вы увидите изменённый response с вашими локальными данными.

Как отключить
В Sources → Overrides просто уберите галочку Enable Local Overrides.
про override - все изменения работают локально и только в вашем браузере, и это не влияет на сервер
по override headers - полезная статья

Также желательно заранее просмотреть тест-кейсы для сайта Vikunja – ссылка.
🔗 UI: https://try.vikunja.io/login
🔗 API-документация: https://try.vikunja.io/api/v1/docs

Если у вас есть тема, которую хотелось бы разобрать, то предлагайте.
Сниму видео на основе своего опыта или порекомендую полезный источник.