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

Question

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

这个值是如何由“渲染引擎”（如文档中所称）建立的？

---

可能的值为：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 引擎（至少是 Chromium 源提供的版本）。

其次，没有办法轻松知道资源将如何为每个类别标记。

比较容易的部分是针对类：Document，Stylesheet，Image，Media，Font和Script。它使用mimeTypeURL 的路径部分提供的和 扩展名。此响应中详细介绍了映射。

对于其他类别（TextTrack，XHR，Fetch，EventSource，WebSocket和Manifest），似乎它是给定资源的由WebKit的处理期间通过定制逻辑建立。

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