C
console.log
@console_front80 подп.
355просмотров
19 октября 2023 г.
🎬 ВидеоScore: 391
🖥 В Google Chrome появилась возможность подменять Network данные из DevTools Представьте вам приходит JSON в ответ на API запрос, но для тестирования интерфейса вам нужен какой-то специфичный набор данных, а идти менять их в БД не хочется (или нельзя). Раньше на помощь приходили специальные утилиты снифферы например Charles или ProxyMan. Но первая условно-бесплатная, а вторая только на macOS. Теперь же любые сетевые данные можно менять прямо в браузере Chrome нативно через DevTools: 1) Откройте DevTools на вкладке Network 2) Выберите те данные которые хотите подменять нажмите правой кнопкой 3) Выберите пункт Override content если хотите изменить данные Response или Override headers если хотите менять данные заголовков запроса 4) Вам будет предложено выбрать папку куда локально сохранять перезаписываемые данные 5) После этого откроется вкладка Source где можно изменить данные 6) Нажимает Ctrl/Cmd + S и перезагружаем страницу 7) Теперь сайт загружается с подмененными данными Такой инструмент будет крайне полезен QA и Frontend разработчикам.
355
просмотров
1058
символов
Нет
эмодзи
Да
медиа

Другие посты @console_front

Все посты канала →
🖥 В Google Chrome появилась возможность подменять Network д — @console_front | PostSniper