本地文件（无服务器）上的 Internet Explorer“由于 mime 类型不匹配而忽略 CSS”

Posted 2023-03-15

技术标签:

【中文标题】本地文件（无服务器）上的 Internet Explorer“由于 mime 类型不匹配而忽略 CSS”【英文标题】：Internet Explorer "CSS was ignored due to mime type mismatch" on local files (no server) 【发布时间】：2013-05-04 15:03:39 【问题描述】：

我正在开发一个应用程序，它在最后创建一个 html 报告，它分别输出 js 和 css 文件，然后正常加载文件。但是 Internet Explorer 8-10+ 拒绝加载 CSS 文件，因为“CSS 由于 mime 类型不匹配而被忽略”，但是当然，不能修改 MIME，因为它们是本地文件并且没有由服务器提供服务。

简而言之：

本地文件（C:\、file://等）由于“MIME 类型不匹配”而无法加载 CSS 在所有其他浏览器中都可以正常工作-_- 不是“http://”或“localhost”或任何变体

那么，有人对这个问题的解决方法有任何想法吗？

CSS 的 HTML 加载：

<head>
    <title>Results</title>
    <link href='resources/bootstrap.min.css' rel='stylesheet' type='text/css' />
    <link href='resources/bootstrap-responsive.min.css' rel='stylesheet' type='text/css' />
    <link href='resources/style.css' rel='stylesheet' type='text/css' />
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>    
</head>

注意：根据Microsoft，修复方法是：“确保样式表文件使用正确的 HTTP 响应标头交付，其中包括 text\css 的内容类型。有关更多信息，请参阅 Internet Explorer 中的 MIME 处理更改。”，但显然不可能，因为没有通过网络发送标头......

【问题讨论】：

你没有使用 Notetab Light 是吗？不，Notepad++ 虽然，但发现问题....（见下面的答案）如果您在 Windows 上进行轻量级 Web 开发，WebMatrix 只是一个建议。它是一个免费的 Web IDE，包括一个开发 Web 服务器。 asp.net/web-pages 啊，我选择的轻量级 Web 开发应用程序是 XAMP，但是不，这个 HTML 文件必须不是由服务器提供，而是一个本地文件（将在“用户”计算机上打开可能有也可能没有互联网访问） 【参考方案1】：

我在使用 IE11 的 Windows 8.1 上遇到同样的问题。这就是我修复它的方法：

在您的计算机上搜索“regedit.exe”（转到开始菜单并单击屏幕右上角的搜索按钮）。打开 regedit 后，在左侧列中单击“HKEY_CLASSES_ROOT”，然后单击“.css” 在右栏双击“内容类型”。这将打开一个对话框。在对话框中将“值数据”更改为“text/css”。点击“确定”即可。

我希望这可以帮助其他人。

【讨论】：

确实解决了本地加载 CSS 文件的问题。 Windows 7、IE 10 也有同样的问题。工作正常。该值在两个客户端上设置为“application/x-css”，在所有其他客户端上设置为“text/css”。有谁知道为什么价值不同？但是，如果您启用了“在兼容性视图中显示 Intranet 站点”选项，IE 不会抛出此不匹配错误，但我不建议设置此选项。我的已设置为“text/css”，但在 Windows 10、IE 11 上仍然出现错误。【参考方案2】：

通过在几台不同的机器上测试发现了这个问题，事实证明如果你有一个CSS文件设置为使用特定的程序打开，它会阻止IE加载，并给出上述错误消息-_-

还可以通过在文件末尾包含 CSS 的 CDN 版本来缓解潜在问题（报告必须在有和没有互联网的情况下工作）

【讨论】：

当您说本地文件时，您的意思是从本地文件系统运行，对吗？（地址栏中没有 http://）我刚来就遇到了这个问题。我非常讨厌 IE，你无法想象。这是一个相当烦人的问题 :/ Viva La IE :(【参考方案3】：

我使用的是 Tomcat 和 JSP。我必须把 : 放在 CSS 文件的顶部，然后 tomcat 将其作为 CSS mimetype。

【讨论】：

【参考方案4】：

就我而言，托管 CSS 的文件夹与需要应用 CSS 的页面具有不同的权限。我更改为相同的权限并工作。

【讨论】：

这不是答案。请改用 cmets 字段。【参考方案5】：

Kyeemagh，5 月 23 日 -14 日

向所有遇到 Internet Explorer 问题的人致敬，即在本地文件（无服务器）上显示“由于 mime 类型不匹配而忽略了 CSS”。