← 레시피로 돌아가기

네트워크 트래픽 기록하기

네트워크 캡처를 켜고, 페이지를 로드한 뒤, Guida가 관찰한 요청을 조사합니다.

네트워크와 HTTP 중급 JavaScript capture_network.js

전제 조건

없음.

예상 결과

Guida가 최근 요청을 기록하고 메서드, 상태, 콘텐츠 타입, URL 일부를 로그에 출력합니다.

소스 예제

capture_network.js

네트워크 캡처는 페이지가 무엇을 불러오는지 이해하고, 웹 UI 뒤의 API 엔드포인트를 찾는 데 도움이 됩니다.

// 네트워크 트래픽 기록하기 - HTTP 요청 감시
//
// 이 스크립트는 네트워크 캡처를 켜고 페이지로 이동한 뒤
// 발생한 HTTP 요청을 조사합니다. API 엔드포인트 발견과
// 페이지 동작 이해에 유용합니다.
// 브라우저 탭 준비
await g.tabs.newBrowserTab();
// 네트워크 캡처 켜기
g.network.enable();
g.log("네트워크 캡처를 켰습니다. 이동합니다...");
// 요청을 발생시키기 위해 페이지로 이동
await g.nav.navigateToUrl("https://example.com");
// 요청이 기록될 때까지 잠시 대기
await g.wait(2000);
// 기록된 트래픽 검색
const traffic = g.network.search(null, {
limit: 10
});
g.log("기록한 요청 수: " + traffic.length);
for (const entry of traffic) {
const status = entry.responseStatusCode || "pending";
const type = entry.contentType || "unknown";
g.log(" " + entry.method + " " + status +
" " + type + " - " + entry.url.substring(0, 80));
}
// 특정 요청 패턴을 기다릴 수도 있습니다
// const req = await g.network.waitForRequest("*/api/*", {
// timeout: 10000
// });
g.log("완료했습니다. 자세한 내용은 History 패널 > Network 탭을 확인하세요.");