mime-types - Dropbox 上的 Javascript 和 CSS 问题(mime 类型)

Question

我想我会把这个答案分享给其他人，因为我花了一些时间才弄明白:

我正在使用 jsbin 和 jsfiddle 来测试网页。我有很多 javascript 和 CSS 文件(以及从 CSS 文件引用的图像)。我正在使用 DropBox 通过 Javascript 和 CSS 存储文件夹和文件。问题是 Dropbox 最近更改了公共(public)文件夹政策。如果您从非公共(public)文件夹共享指向 CSS 文件的链接，您将不会获得 CSS (text/css) mime 类型，而是格式良好的 text/html。在 JSBIn (firebug) 中你会看到类似这样的错误:

The stylesheet https://www.dropbox.com/s/y9ms5jr6zqdans2/leaflet.css was not loaded because its MIME type, "text/html", is not "text/css".

Answer 1

如果将 url 更改为 https://dl.dropbox.com/ ...然后您将获得直接链接并获得 CSS 类型。

但是我的 CSS 文件引用了这样的图像文件:

.leaflet-control-layers a {
background-image: url(images/layers.png);
width: 36px;
height: 36px;
}

所以在我的例子中，我必须使用 DropBox PUBLIC 文件夹。新帐户没有此选项(他们没有名为 PUBLIC 的文件夹)，所以我想如果您有一个新的 DropBox 帐户，您将不得不使用 GITHub 或类似的东西

有关如何执行此操作的示例，请参见:http://jsbin.com/idovub/5/edit