파이어폭스(Firefox) 네트워크 응답 조작 방법

파이어폭스(Firefox)에서 네트워크 응답 내용을 직접 변경하는 것은 기본적으로 제공되지 않지만, 몇 가지 방법을 활용하면 가능할 수 있습니다.

1. 개발자 도구에서 응답을 수정하는 방법

파이어폭스 자체 개발자 도구(F12)를 사용하면 네트워크 요청을 가로챌 수 있지만, 응답 자체를 수정하는 기능은 기본적으로 제공되지 않습니다.

2. Tamper Dev 확장 프로그램 사용

Tamper Dev 같은 확장 프로그램을 사용하면 HTTP 요청 및 응답을 가로채고 수정할 수 있습니다.

• 요청을 보낼 때 Tamper Dev를 실행하면 특정 요청을 가로챌 수 있으며, 원하는 응답 내용을 수정할 수도 있습니다.

3. Mitmproxy 또는 Burp Suite 사용

파이어폭스의 네트워크 트래픽을 가로채려면 Mitmproxy나 Burp Suite 같은 프록시 툴을 사용할 수도 있습니다.

• 프록시를 설정하여 특정 응답을 변경하면, 브라우저에서 수정된 응답을 받을 수 있습니다.

4. Service Worker 사용

웹사이트가 Service Worker를 지원한다면, 이를 이용해 네트워크 응답을 가로채서 수정할 수도 있습니다.

self.addEventListener('fetch', event => {
  event.respondWith(
    fetch(event.request).then(response => {
      return response.text().then(text => {
        let modifiedText = text.replace('원래 응답', '수정된 응답');
        return new Response(modifiedText, {
          headers: response.headers
        });
      });
    })
  );
});

단, Service Worker는 HTTPS 환경에서만 동작하며, 브라우저에 등록해야 합니다.

5. 브라우저 개발자 모드에서 Fetch/XHR 인터셉트

콘솔에서 fetch 또는 XMLHttpRequest를 직접 가로채 응답을 조작할 수도 있습니다.

(function() {
  var originalFetch = window.fetch;
  window.fetch = function(...args) {
    return originalFetch.apply(this, args).then(response => {
      return response.text().then(text => {
        let modifiedText = text.replace('원본 응답', '변경된 응답');
        return new Response(modifiedText, {
          status: response.status,
          statusText: response.statusText,
          headers: response.headers
        });
      });
    });
  };
})();

이렇게 하면 fetch 요청이 실행될 때마다 응답을 변경할 수 있습니다.

6. 프록시 서버를 직접 운영하여 응답 조작

만약 지속적으로 응답을 변경해야 한다면, Nginx나 Express.js 같은 프록시 서버를 직접 운영하여 특정 요청의 응답을 변경하는 것도 가능합니다.

---

결론

기본적인 방법으로는 파이어폭스 자체 기능만으로 응답을 직접 수정하는 것이 어렵지만, 확장 프로그램(Tamper Dev)이나 프록시 도구(Burp Suite, mitmproxy)를 사용하면 가능합니다. 개발자가 직접 코드(Service Worker, fetch 인터셉트)를 활용하면 특정 페이지에서 응답을 변경할 수도 있습니다.