설명
chrome.devtools.network
API를 사용하여 네트워크 패널의 개발자 도구에 표시된 네트워크 요청에 관한 정보를 가져옵니다.
매니페스트
Developer Tools API 사용에 관한 일반적인 소개는 DevTools API 요약을 참조하세요.
개요
네트워크 요청 정보는 HTTP 보관 파일 형식 (HAR)으로 표시됩니다. HAR의 설명은 이 문서의 범위를 벗어납니다. HAR v1.2 사양을 참고하세요.
HAR의 측면에서 chrome.devtools.network.getHAR()
메서드는 전체 HAR 로그를 반환하는 반면 chrome.devtools.network.onRequestFinished
이벤트는 HAR 항목을 이벤트 콜백의 인수로 제공합니다.
요청 콘텐츠는 효율성을 위해 HAR의 일부로 제공되지 않습니다. 요청의 getContent()
메서드를 호출하여 콘텐츠를 검색할 수 있습니다.
페이지가 로드된 후 개발자 도구 창이 열리면 일부 요청이 getHAR()
에서 반환된 항목 배열에서 누락될 수 있습니다. 모든 요청을 가져오려면 페이지를 새로고침하세요. 일반적으로 getHAR()
에서 반환하는 요청 목록은 Network 패널에 표시된 목록과 일치해야 합니다.
예
다음 코드는 이미지가 로드될 때 40KB를 초과하는 모든 이미지의 URL을 기록합니다.
chrome.devtools.network.onRequestFinished.addListener(
function(request) {
if (request.response.bodySize > 40*1024) {
chrome.devtools.inspectedWindow.eval(
'console.log("Large image: " + unescape("' +
escape(request.request.url) + '"))');
}
}
);
이 API를 사용해 보려면 chrome-extension-samples 저장소의 devtools API 예시를 설치하세요.
유형
Request
문서 리소스 (스크립트, 이미지 등)에 대한 네트워크 요청을 나타냅니다. 자세한 내용은 HAR 사양을 참조하세요.
속성
-
getContent
void
응답 본문의 콘텐츠를 반환합니다.
getContent
함수는 다음과 같습니다.(callback: function) => {...}
-
콜백
기능
callback
매개변수는 다음과 같습니다.(content: string, encoding: string) => void
-
콘텐츠의
string
응답 본문의 콘텐츠입니다 (인코딩되었을 수 있음).
-
encoding
string
콘텐츠가 인코딩되지 않은 경우 비어 있고 그렇지 않으면 인코딩 이름입니다. 현재는 base64만 지원됩니다.
-
-
방법
getHAR()
chrome.devtools.network.getHAR(
callback: function,
)
알려진 모든 네트워크 요청이 포함된 HAR 로그를 반환합니다.
매개변수
-
콜백
기능
callback
매개변수는 다음과 같습니다.(harLog: object) => void
-
harLog
객체
HAR 로그 자세한 내용은 HAR 사양을 참조하세요.
-
이벤트
onNavigated
chrome.devtools.network.onNavigated.addListener(
callback: function,
)
검사된 창이 새 페이지로 이동하면 실행됩니다.
매개변수
-
기능
callback
매개변수는 다음과 같습니다.(url: string) => void
-
string
-
onRequestFinished
chrome.devtools.network.onRequestFinished.addListener(
callback: function,
)
네트워크 요청이 완료되고 모든 요청 데이터를 사용할 수 있으면 실행됩니다.