google-chrome-devtools - DevTool协议(protocol)提供的 `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 引擎(至少是 Chrome 源提供的版本)。

其次，没有办法很容易地知道如何为每个类别标记资源。

简单的部分是类别:Document , Stylesheet , Image , Media , Font和 Script .它使用 mimeType以及 URL 的路径部分提供的扩展名。映射在 this response 中有详细说明.

对于其他类别( TextTrack ， XHR ， Fetch ， EventSource ， WebSocket 和 Manifest )，它似乎是在 WebKit 处理给定资源期间由自定义逻辑建立的。

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