DevTool 协议提供的 `resourceType` 值是如何定义的？

Question

使用 Puppeteer 或 Chrome DevTools API 时，您可以获得 resourceType 的值（在 Puppeteer 中的 Request 对象和 Chrome DevTools 中的 Page 对象上）。

“渲染引擎”（如文档中所称）如何建立此值？

---

可能的值是：Document、Stylesheet、Image、Media、Font、Script、TextTrack、XHR、Fetch、@98765433 , 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。它使用mimeType 和 URL 的路径部分提供的扩展名。映射详情见this response。

对于其他类别（TextTrack、XHR、Fetch、EventSource、WebSocket 和 Manifest），它似乎是在处理给定资源的过程中通过自定义逻辑建立的WebKit。

---

源代码在 chromium 存储库中可用：./third_party/WebKit/Source/devtools/front_end/common/ResourceType.js。