Chrome说“资源解释为脚本，但与MIME类型文本/纯传输。”，什么给?

在FF和所有，我的javascript工作良好。但在Chrome中，它会给出这样的信息:

资源解释为脚本，但传输与MIME类型文本/纯。

我已经检查了所有的脚本标签，他们都有MIME类型=“文本/javascript”。它甚至说jquery和jquery ui。Chrome出了什么问题?

问题是什么，解决方法是什么?它是我必须改变浏览器的“选项”，还是来自服务器，或者我必须调整我的代码?

当前回答

如果你正在使用AdonisJS (REST API，例如)，一种避免这种情况的方法是这样定义响应头:

response.safeHeader('Content-type', 'application/json')

其他回答

在我的例子中，服务器发送了正确的内容类型，但内容编码不正确。确保只对gzip压缩的资源设置Content-Encoding: gzip。此外，在我修复了服务器中的头文件(在我的例子中，是谷歌云存储)后，我不得不等待几分钟以正确反映由于缓存造成的更改。

如果你用一个php文件生成javascript，添加这个作为你的文件的开头:

<?php Header("Content-Type: application/x-javascript; charset=UTF-8"); ?>

在apache的httpd.conf中，只需添加这样一行:

AddType application/x-javascript .js

发生这种情况的常见情况是，您只是忘记在脚本调用中包含该类型。你必须显式地设置它，因为它是-根据W3 -要求:

type (content-type):该属性指定元素内容的脚本语言，并覆盖默认的脚本语言。脚本语言被指定为内容类型(例如，“text/javascript”)。作者必须为该属性提供一个值。此属性没有默认值。

浏览器仍然有一个默认值plain/text。

例子:

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&language=en"></script>

你也可以在Apache配置中设置该文件扩展名的默认值:

<IfModule mod_mime.c>
    AddType text/javascript .js
</IfModule>

当我试图通过javascript (jQuery在这种情况下)改变数组中的背景图像时，我也遇到了同样的问题。

无论如何。

而不是这样:

m.setStyle('background-image','url(/templates/site/images/style5/'+backgs[i]+')')

这样做:

eval("m.setStyle('background-image','url(/templates/site/images/style5/'+backgs[i]+')')");

Chrome javascript在试图解析一个以'为结构的元素中的变量时会搞砸。在我的例子中，它在插入图像数组之前停止。它不是解析图像url +图像名称(在数组内)，而是只解析图像url。

您可能需要在代码中搜索，看看它发生在哪里。FF, IE和其他所有的都没有这个问题。

推荐文章