Учебные пособия расширенной серии «Hematemesis» — Подробное руководство по захвату пакетов Fiddler (23) — Как Fiddler элегантно переключается между официальной и тестовой средами — Часть 1
Учебные пособия расширенной серии «Hematemesis» — Подробное руководство по захвату пакетов Fiddler (23) — Как Fiddler элегантно переключается между официальной и тестовой средами — Часть 1

1. Введение

В процессе разработки или тестирования из-за большого количества сред проекта часто приходится неоднократно переключаться туда и обратно. Так как же переключаться корректно? Сегодня брат Хун представит несколько методов, которые будут полезны друзьям и детям.

2. Реальные сценарии работы

2.1 Сценарий проблемы

(1) В опубликованном онлайн-приложении возникла ошибка интерфейса. Как проверить онлайн-приложение на доступ к локальным запросам?

(2) Опубликованы онлайн-страницы H5, статические ресурсы или отладка js. Как сопоставить локальный js?

2.2 Общие решения

Угадайте (обычно очевидные проблемы), найдите исходный пакет выпуска, измените URL-адрес запрошенного ресурса и переупакуйте тест. Это требует координации между передней и задней частями, что отнимает много времени и труда.

2.3 Решения умных людей

Ответ на отображение скрипача:

Благодаря перехвату fidder ресурсы, которые необходимо загрузить, сопоставляются с локальной средой разработки без переключения на бета-версию приложения.

Например, онлайн-ресурсы: http://online.com/api/page.

Сопоставление для загрузки локальных ресурсов: http://127.0.0.1/api/page.

3. Переключитесь на настоящий бой

3.1 Первый тип (обслуживание хост-инструмента)

Fiddler поставляется с инструментом обслуживания хостов, но этот метод более затруднителен. Конкретные шаги заключаются в следующем:

1. Запустите Фиддлер,НажмитеTools-->HOSTS,Как показано ниже:

2. После нажатия HOSTS на странице повторного сопоставления HOSTS установите флажок «Включить переназначение запросов для одного хоста на другой хост или IP, переопределить DNS, чтобы включить конфигурацию». Как показано ниже:

3. Нажмите «Импортировать файл хостов Windows», как показано ниже:

4. Импортируйте файл хоста и закомментируйте неиспользуемую среду, как показано на рисунке ниже:

5. Нажмите «Сохранить», как показано на рисунке ниже:

3.2 Второй способ (командный)

Используйте команду urlreplace, введите ее в поле ввода в левом нижнем углу интерфейса и нажмите Enter. Это подходит для временного тестирования среды переключения. Например: чтобы переключить домашнюю страницу Baidu на домашнюю страницу Blog Park, введите следующую команду:

Язык кода:javascript
копировать
urlreplace www.baidu.com www.cnblogs.com

Конкретные шаги заключаются в следующем:

1. Сначала брат Хун посещает домашнюю страницу Baidu и заходит на нее, как показано на рисунке ниже:

2. Введите поле ввода в левом нижнем углу интерфейса Fiddler и нажмите Enter. В это время строка состояния также сообщает, что замена прошла успешно. Как показано ниже:

3. После повторного обновления домашней страницы Baidu обнаруживается, что URL-адрес — www.baidu.com, но браузер обращается к домашней странице BlogPark. Это связано с тем, что при доступе к URL-адресу домашней страницы Baidu Fiddler автоматически заменяет его URL-адресом домашней страницы BlogPark. . Как показано ниже:

4. Отмените замену доменного имени. Обязательно помните, что после завершения теста введите команду urlreplace в поле команды в левом нижнем углу инструмента Fiddler и нажмите Enter, чтобы отменить его. В это время в строке состояния также отображается сообщение об успешной отмене и доменное имя, восстановленное по первоначальному запросу, восстанавливается. Как показано ниже:

3.3 Третий метод (точка останова)

Используйте точки останова, чтобы изменить запрошенный URL-адрес и заменить URL-адрес. Конкретные шаги заключаются в следующем:

1. Определите URL-адрес, который необходимо заменить, затем получите доступ к URL-адресу, запишите пакет с помощью Fiddler, выберите запись-щелкните правой кнопкой мыши-скопируйте-justUrl. Например: Брат Хун берет в качестве примера Baidu, как показано на рисунке ниже:

2. Установите точку останова, введите bpu https://www.baidu.com в командной строке и нажмите Enter. В строке состояния появится сообщение об успешной установке точки останова. Как показано ниже:

3. Снова посетите страницу из шага 1. На этот раз запрос был перехвачен, как показано на следующем рисунке:

4. После внесения изменений Хонгэ изменится на Пекин Хонге и нажмите «Выполнить до завершения», как показано на рисунке ниже:

5. На данный момент запрос измененного URL-адреса был зафиксирован, как показано на рисунке ниже:

6.Отменить точку остановаВведите в командной строкеbpu Затем нажмите Enter.

3.4 Четвертый способ (Автоответчик)

Используйте собственный автоответчик Fiddler. Используя функцию автоответчика Fiddler, вы можете указать правило перехвата и адрес пересылки. Этот адрес может быть URL-адресом другого веб-сайта или локального файла.

ТОЧНО: ключевое слово означает полное совпадение, REGEX может использовать нечеткое соответствие регулярным выражениям. Брат Хун не будет здесь вдаваться в подробности конкретных этапов работы. Если что-то неясно, вы можете прочитать предыдущую статью брата Хонга, посвященную автоответчику.

Пример: Заполните два поля редактора правил:

Язык кода:javascript
копировать
REGEX:https://baidu.com
https://www.cnblogs.com

Это правило означает, что все запросы с https://baidu.com будут перенаправляться на адрес https://www.cnblogs.com. Затем нажмите «Сохранить», чтобы сохранить. Если существует несколько правил, вы также можете нажать «Группировать», чтобы объединить группы. Как показано ниже:

4. Резюме

Хорошо, сегодня уже поздно, поэтому брат Хун объяснит и расскажет здесь. Спасибо за ваше терпение при чтении! ! !

boy illustration
Учебное пособие по Jetpack Compose для начинающих, базовые элементы управления и макет
boy illustration
Код js веб-страницы, фон частицы, код спецэффектов
boy illustration
【новый! Суперподробное】Полное руководство по свойствам компонентов Figma.
boy illustration
🎉Обязательно к прочтению новичкам: полное руководство по написанию мини-программ WeChat с использованием программного обеспечения Cursor.
boy illustration
[Забавный проект Docker] VoceChat — еще одно приложение для мгновенного чата (IM)! Может быть встроен в любую веб-страницу!
boy illustration
Как реализовать переход по странице в HTML (html переходит на указанную страницу)
boy illustration
Как решить проблему зависания и низкой скорости при установке зависимостей с помощью npm. Существуют ли доступные источники npm, которые могут решить эту проблему?
boy illustration
Серия From Zero to Fun: Uni-App WeChat Payment Practice WeChat авторизует вход в систему и украшает страницу заказа, создает интерфейс заказа и инициирует запрос заказа
boy illustration
Серия uni-app: uni.navigateЧтобы передать скачок значения
boy illustration
Апплет WeChat настраивает верхнюю панель навигации и адаптируется к различным моделям.
boy illustration
JS-время конвертации
boy illustration
Обеспечьте бесперебойную работу ChromeDriver 125: советы по решению проблемы chromedriver.exe не найдены
boy illustration
Поле комментария, щелчок мышью, специальные эффекты, js-код
boy illustration
Объект массива перемещения объекта JS
boy illustration
Как открыть разрешение на позиционирование апплета WeChat_Как использовать WeChat для определения местонахождения друзей
boy illustration
Я даю вам два набора из 18 простых в использовании фонов холста Power BI, так что вам больше не придется возиться с цветами!
boy illustration
Получить текущее время в js_Как динамически отображать дату и время в js
boy illustration
Вам необходимо изучить сочетания клавиш vsCode для форматирования и организации кода, чтобы вам больше не приходилось настраивать формат вручную.
boy illustration
У ChatGPT большое обновление. Всего за 45 минут пресс-конференция показывает, что OpenAI сделал еще один шаг вперед.
boy illustration
Copilot облачной разработки — упрощение разработки
boy illustration
Микросборка xChatGPT с низким кодом, создание апплета чат-бота с искусственным интеллектом за пять шагов
boy illustration
CUDA Out of Memory: идеальное решение проблемы нехватки памяти CUDA
boy illustration
Анализ кластеризации отдельных ячеек, который должен освоить каждый&MarkerгенетическийВизуализация
boy illustration
vLLM: мощный инструмент для ускорения вывода ИИ
boy illustration
CodeGeeX: мощный инструмент генерации кода искусственного интеллекта, который можно использовать бесплатно в дополнение к второму пилоту.
boy illustration
Машинное обучение Реальный бой LightGBM + настройка параметров случайного поиска: точность 96,67%
boy illustration
Бесшовная интеграция, мгновенный интеллект [1]: платформа больших моделей Dify-LLM, интеграция без кодирования и встраивание в сторонние системы, более 42 тысяч звезд, чтобы стать свидетелями эксклюзивных интеллектуальных решений.
boy illustration
LM Studio для создания локальных больших моделей
boy illustration
Как определить количество слоев и нейронов скрытых слоев нейронной сети?
boy illustration
[Отслеживание целей] Подробное объяснение ByteTrack и детали кода