在 Chrome 中，查看文档的 mime 类型最简单的方法是什么？答案

【问题标题】：In Chrome, what's the simplest way to view the mime type of a document?在 Chrome 中，查看文档的 mime 类型最简单的方法是什么？
【发布时间】：2013-02-15 09:49:03
【问题描述】：

在 Firefox 中，您可以从右键菜单中选择“查看页面信息”，然后会显示 mime 类型。

但 Chrome 中相同的“查看页面信息”命令不显示 mime 类型。

感觉好像我忽略了一些明显的东西。

【问题讨论】：

标签： html google-chrome mime-types

【解决方案1】：

Chrome 的早期和更新版本可能略有不同

Chrome v50.0.2661.102 m

打开 Chromes 开发者工具（几个选项）：

菜单 -> 更多工具 -> 开发者工具
Ctrl + Shift + I
点击 F12键

打开后，选择 Network 标签，在左侧选择资源名称，然后点击 Headers 标签。在 Response Headers 下找到 Content-Type，这是您的 mime 类型。

对于图片，您可以选择预览选项卡，您将能够在开发者窗口的底部看到有关资源的一些信息，包括 mime 类型。

【讨论】：

当 Chrome 直接从本地文件系统加载资源（即在“文件”方案下）时，此方法会失败，因为它省略了 Response Headers 部分。然而，OP 引用的 Firefox 方法（上下文菜单项 查看页面信息）无论方案如何都有效。

【解决方案2】：

点击F12，然后转到网络选项卡。如果您想要 html 文档，请将过滤器缩小到 Documents（在底部）。

【讨论】：

我无法在网络选项卡中看到 chrome 中使用的 mime-type/content-type。
网络选项卡必须在页面加载之前打开，并且在网络选项卡的文档类别中，它显示枚举文档类型而不是 MIME 类型。因此，这不是一个正确的答案。
我在“网络”选项卡中看不到 mime-type 或 content-type。我看到了 Type 列，但它们说的是“文档”或“样式表”之类的东西，这不是我想要的。（我正在寻找类似“text/css”的东西）。截图会很有帮助。
@chharvey 选择 Network 标签后，选择资源名称，然后点击 Headers 标签。在 Response Headers 下找到 Content-Type。对于图像，您可以选择 Preview 选项卡，您将能够获得有关资源的一些信息，包括位于开发人员窗口底部的 mime 类型。
@Prancer 谢谢！非常有帮助。您应该在自己的单独答案中提供此信息。