资源解释为文档，但使用 MIME 类型 text/css 传输答案

【问题标题】：Resource interpreted as document but transferred with MIME type text/css资源解释为文档，但使用 MIME 类型 text/css 传输
【发布时间】：2011-04-23 09:38:00
【问题描述】：

资源被解释为文档，但以 MIME 类型 text/css 传输

这是在 Google Chrome Inspector 中显示的错误。

文件是：http://www.doanddare.org/css/style.css

它正在由 php 处理器呈现。

我该如何解决这个错误？

返回的标题是：

请求标头

Accept:application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,image/png,*/*;q=0.5
Cache-Control:max-age=0
User-Agent:Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US) AppleWebKit/534.3 (KHTML, like Gecko) Chrome/6.0.472.63 Safari/534.3

响应标头

HTTP/1.1 200 OK
Date: Sun, 10 Oct 2010 07:35:04 GMT
Server: Apache
content-style-type: text/css
Expires: Thu, 10 Oct 2030 03:50:23 GMT
Cache-Control: max-age=631138519, public
Content-Encoding: gzip
Vary: Accept-Encoding
Transfer-Encoding: chunked
Content-Type: text/css
Connection: Keep-Alive

可能与作为文档发送的请求标头和作为 css 文件返回的响应标头有关吗？

如果是这样，我应该如何控制请求头？

感谢您的帮助。

【问题讨论】：

标签： php css http-headers

【解决方案1】：

我得到了同样的错误，我想我知道为什么。如果您查看您的请求标头，您会看到它们包括：

接受：application/xml,application/xhtml+xml,text/html;q=0.9,text/plain;q=0.8,image/png,/;q=0.5

它们尤其不包括“text/css”。所以 Chrome 告诉服务器它不会接受类型为“text/css”的响应，当它收到这样的响应时，它会在其控制台上报告发生的情况。

当我通常在 html 页面中包含 CSS 样式表时，错误消息不会显示，因为在这些情况下 Chrome 请求标头会显示：

Accept: text/css

但是如果我尝试设置

iframe.src = someCssFile.css

我收到了消息。所以它给了我一个线索，我正在尝试将 CSS 加载到不期望的地方。它确实加载了它，但控制台给了我消息。

实际上这不是错误，而是警告，Chrome 就是这么称呼它的。一个警告。但我同意知道是什么原因造成的很好。

我认为没有任何方法可以显式控制 Chrome 发送到服务器的请求标头。浏览器只是解释 HTML 并在此基础上提出它们发送的标头。

【讨论】：

【解决方案2】：

当我在 Chrome 上查看特定资源时，我只会收到错误消息。当我尝试打开 Javascript 文件 (.js) 时也会发生这种情况。

我的结论是，当您在 Chrome 中打开组件文件（.css、.js）时，它会尝试将其解释为文档（在屏幕上显示输出），而不是将其解释为其原生 MIME 类型。

说一个 Javascript 文件。如果你在 Chrome 中输入它，它应该被解释为文档（在屏幕上显示输出），而不是 Chrome 执行脚本（这是它的原生 MIME 类型所做的）。

该消息仅适用于 Google Chrome，可以忽略不计，因为它仅在您打开组件文件时出现。

【讨论】：