Erreur de syntaxe Firefox 3 avec CSS externe

StackOverflow https://stackoverflow.com/questions/842627

Question

J'obtiens une étrange erreur de syntaxe dans Firefox 3.0.10/Leopard lorsque j'utilise le code html/css suivant :

foo.html :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html lang="en">
<head>
  <link rel="stylesheet" href="foo.css"/>
</head>
<body>
Foo
</body>
</html>

foo.css :

div {
  color: #FF0000;
}

et l'erreur que j'obtiens dans la console est :

Error: syntax error
Source File: file://path/to/foo.css
Line: 1, Column: 1
Source Code:
div {

Ce n'est pas le CSS, car le coller dans le corps d'une balise STYLE en ligne fonctionne très bien.Ce n'est pas la balise de lien, car pointer le HREF vers le fichier CSS du débordement de pile ne donne pas d'erreur.Cela ressemble à un bug de Firefox, mais je ne trouve aucune documentation à ce sujet.Est-ce un problème connu et existe-t-il une solution de contournement ?Cela rend difficile le débogage ou la validation.

Merci.

Était-ce utile?

La solution 2

La réponse s'est avérée être "Désactivez les extensions (c'était YSlow)", comme suggéré dans les commentaires.

Autres conseils

Cela vous donne l'erreur sur le premier caractère du fichier, qui est un «d», ce qui exclut pour moi des choses comme les caractères spéciaux "cachés".Je suppose que Firefox n'est pas en mesure d'ouvrir le fichier localement pour une raison quelconque, ou que le fichier a été accidentellement enregistré avec un encodage qui, bien qu'il s'affiche correctement dans la boîte de dialogue, n'est pas analysé normalement.Peut-être a-t-il été enregistré au format Unicode par erreur ?

Si vous pouviez nous lier au fichier réel, cela aiderait, car votre syntaxe (bien que le balisage ne soit pas exactement valide, mais je ne pense pas que ce soit tout) est parfaite dans le fichier .css que vous avez collé.

Le fichier a-t-il été écrit sous Windows ?Vous devrez peut-être reformater le retour chariot/nouvelle ligne en Mac OS X.essayez d'exécuter le fichier via quelque chose comme dos2unix sur la ligne de commande.Cela pourrait aussi être un bonjour tu ne vois pas.

Je suppose qu'il y a un caractère caché qui aurait pu être accidentellement enregistré dans le fichier.Essayez de réenregistrer le fichier CSS ou de retaper la première ligne, puis de la réenregistrer.

Si vous venez de Google et travaillez avec du HTML local, notez que Firefox bloque les requêtes CSS externes qui utilisent le file:// protocole car il s’agit techniquement d’une requête d’origine croisée.

Une solution rapide consiste à servir le répertoire contenant votre site sur localhost via http://.Si l'interpréteur Python est installé, vous pouvez le faire très facilement :

python3 -m http.server 8080

Accédez ensuite à localhost via votre navigateur :

firefox localhost:8080

Vous pouvez remplacer 8080 avec n’importe quel autre port.

Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top