node.js - 渲染引擎如何感知资源类型？有解释该过程的文档吗？

Question

我一直在使用 puppeteer 下载 XHR、CSS、HTML 和 JavaScript 等资源，但想知道其背后的过程是什么。当我检查 puppeteer 文档时，它对 request.resourceType() 说了以下内容:

Contains the request's resource type as it was perceived by the rendering engine.

我想知道渲染引擎是如何对它们进行分类的。它是基于内容类型还是请求 header ？

提出这个问题是因为当我检查https://google.com时在 Chrome DevTools 中，主要 HTML 显示为 document，而其他类型为 text/html 的文档则分类为 other。

但这在 Firefox 中被正确分类为 HTML。

Answer 1

可以在Chromium源码here中找到对应的源码.

流程如下:

第 1 步:Chrome 尝试使用 MIME 类型进行识别

这将识别以下资源类型 ( source code ):

• 文档 for text/html
• 样式表用于text/css
• 图像用于图像/...
• script 用于 text/...(不包括文档)或包含 script 的 MIME 类型
• font 如果 mime 类型包含 font

第 2 步:如果这不起作用，Chrome 会尝试使用网址/文件扩展名来识别资源类型

示例，将识别什么内容 ( source code ):

• 脚本用于js
• 样式表用于css
• 图像适用于jpeg、gif、tiff
• 参见this code完整列表

第 3 步:如果这也不起作用，other 将是资源类型