chrome.devtools.network

설명

chrome.devtools.network API를 사용하여 네트워크 패널의 개발자 도구에 표시된 네트워크 요청에 관한 정보를 가져옵니다.

네트워크 요청 정보는 HTTP 보관 파일 형식 (HAR)으로 표시됩니다. HAR의 설명은 이 문서의 범위를 벗어납니다. HAR v1.2 사양을 참고하세요.

HAR의 측면에서 chrome.devtools.network.getHAR() 메서드는 전체 HAR 로그를 반환하는 반면 chrome.devtools.network.onRequestFinished 이벤트는 HAR 항목을 이벤트 콜백의 인수로 제공합니다.

요청 콘텐츠는 효율성을 위해 HAR의 일부로 제공되지 않습니다. 요청의 getContent() 메서드를 호출하여 콘텐츠를 검색할 수 있습니다.

페이지가 로드된 후 개발자 도구 창이 열리면 일부 요청이 getHAR()에서 반환된 항목 배열에서 누락될 수 있습니다. 모든 요청을 가져오려면 페이지를 새로고침하세요. 일반적으로 getHAR()에서 반환하는 요청 목록은 Network 패널에 표시된 목록과 일치해야 합니다.

Developer Tools API 사용에 관한 일반적인 소개는 DevTools API 요약을 참조하세요.

매니페스트

이 API를 사용하려면 매니페스트에서 다음 키를 선언해야 합니다.

"devtools_page"

예

다음 코드는 이미지가 로드될 때 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

  • url

    string

onRequestFinished

chrome.devtools.network.onRequestFinished.addListener(
  callback: function,
)

네트워크 요청이 완료되고 모든 요청 데이터를 사용할 수 있으면 실행됩니다.

매개변수

• 콜백

  기능

  callback 매개변수는 다음과 같습니다.

  (request: Request)=>void

  • 요청

    요청