DevTool 프로토콜이 제공하는`resourceType` 값은 어떻게 정의됩니까?

Question

Puppeteer 또는 Chrome DevTools API를 사용하는 동안 resourceType (Puppeteer의 Request 개체 및 Chrome DevTools의 Page 개체) 값을 가져올 수 있습니다.

이 값은 "렌더링 엔진"(문서에서 호출 됨)에 의해 어떻게 설정됩니까?

---

가능한 값의 존재 : Document, Stylesheet, Image, Media, Font, Script, TextTrack, XHR, Fetch, EventSource, WebSocket, Manifest, Other

API 문서 : Puppeteer API 및 Chrome DevTools API

stackoverflow에 대한 비슷한 질문 : Is There any way to get all mime type by the resourceType of chrome

Answer 1

마지막으로 Chromium에서 사용하는 WebKit 소스 코드에서이를 처리하는 소스 코드를 발견했습니다.

먼저 문서의 "렌더링 엔진"은 WebKit 엔진 (최소한 크롬 소스와 함께 제공되는 버전)입니다.

두 번째로, 리소스가 각 카테고리에 대해 태그가되는 방식을 쉽게 알 수있는 방법이 없습니다.

쉬운 부분은 범주입니다 : Document, Stylesheet, Image, Media, Font 및 Script. URL의 경로 부분에서 제공하는 mimeType 및 확장명을 사용합니다. 매핑은 this response에 자세히 설명되어 있습니다. 다른 카테고리 (TextTrack, XHR, Fetch, EventSource, WebSocket 및 Manifest) 용

는 웹킷 의해 주어진 자원의 프로세싱 동안 커스텀 로직에 의해 확립 것 같다.

---

소스 코드는 ./third_party/WebKit/Source/devtools/front_end/common/ResourceType.js입니다.