problèmes avec JavaScript et CSS sur dropbox (types MIME)

Question

Je pensais que je voudrais partager cette réponse pour les autres, car il m'a fallu un certain temps pour comprendre:

J'UTILISE jsbin et jsFiddle pour les pages Web de test. J'ai beaucoup de fichiers javascript et CSS (ainsi que des images référencées à partir des fichiers CSS). J'utilise DropBox pour stocker les dossiers et les fichiers avec Javascript et CSS. Le problème est que Dropbox a récemment modifié sa politique avec les dossiers publics. Si vous partagez un lien vers un fichier CSS à partir d'un dossier non public, vous n'obtiendrez pas le type mime CSS (text/css), mais un texte/html joliment formaté. Dans JSBIn (Firebug), vous verrez et erreur comme:

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

Si vous changez l'URL pour https://dl.dropbox.com/ ... alors vous obtiendrez un lien direct et va obtenir le type CSS.

Mais mes fichiers CSS référencer des fichiers d'image comme celle-ci:

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

Donc, dans mon cas, je dois utiliser le dossier PUBLIC DropBox. Les nouveaux comptes n'ont pas cette option (ils n'ont pas de dossier appelé PUBLIC), donc je suppose que vous devrez utiliser GITHub ou quelque chose comme si vous avez un nouveau compte DropBox

Un exemple de la façon de faire peut être vu à: http://jsbin.com/idovub/5/edit