네트워크 캡처는 페이지가 무엇을 불러오는지 이해하고, 웹 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 탭을 확인하세요.");