chrome.devtools.network

설명

chrome.devtools.network API를 사용하여 Network 패널의 개발자 도구에서 표시한 네트워크 요청에 관한 정보를 검색합니다.

매니페스트

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

"devtools_page"

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

      • 콘텐츠

        문자열

        응답 본문의 콘텐츠 (인코딩될 수도 있음).

      • encoding

        문자열

        콘텐츠가 인코딩되지 않은 경우 비어 있고 그렇지 않으면 인코딩 이름입니다. 현재는 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

      문자열

onRequestFinished

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

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

매개변수

  • 콜백

    함수

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

    (request: Request) => void