Firefox 3-Syntaxfehler mit externem CSS

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

Frage

Ich erhalte einen seltsamen Syntaxfehler in Firefox 3.0.10/Leopard, wenn ich das folgende HTML/CSS verwende:

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;
}

und der Fehler, den ich in der Konsole erhalte, ist:

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

Es ist nicht das CSS, denn das Einfügen in den Textkörper eines Inline-STYLE-Tags funktioniert einwandfrei.Es handelt sich nicht um das Link-Tag, da das Verweisen des HREF auf die CSS-Datei des Stack Overflows keinen Fehler ergibt.Fühlt sich an wie ein Firefox-Fehler, aber ich kann keine Dokumentation dazu finden.Ist das ein bekanntes Problem und gibt es eine Lösung?Es erschwert das Debuggen oder Validieren.

Danke.

War es hilfreich?

Lösung 2

Wie in den Kommentaren vorgeschlagen, lautete die Antwort „Erweiterungen deaktivieren (es war YSlow)“.

Andere Tipps

Es gibt Ihnen den Fehler beim ersten Zeichen in der Datei, das ein „d“ ist, was für mich Dinge wie „versteckte“ Sonderzeichen ausschließt.Ich würde vermuten, dass Firefox aus irgendeinem Grund nicht in der Lage ist, die Datei lokal zu öffnen, oder dass die Datei versehentlich mit einer Codierung gespeichert wurde, die zwar im Dialogfeld einwandfrei angezeigt wird, aber nicht normal analysiert werden kann.Vielleicht wurde es versehentlich als Unicode gespeichert?

Wenn Sie uns mit der eigentlichen Datei verlinken könnten, wäre das hilfreich, da Ihre Syntax (obwohl das Markup nicht genau gültig ist, aber ich glaube nicht, dass es das ist) in der von Ihnen eingefügten CSS-Datei perfekt ist.

Wurde die Datei unter Windows geschrieben?Möglicherweise müssen Sie den Wagenrücklauf/die neue Zeile auf Mac OS X umformatieren.Versuchen Sie, die Datei über etwas wie dos2unix in der Befehlszeile auszuführen.Könnte auch ein sein bom Du siehst es nicht.

Ich vermute, dass es ein verstecktes Zeichen gibt, das versehentlich in der Datei gespeichert wurde.Versuchen Sie, die CSS-Datei erneut zu speichern, oder geben Sie die erste Zeile erneut ein und speichern Sie sie dann erneut.

Wenn Sie von Google kommen und mit lokalem HTML arbeiten, beachten Sie, dass Firefox Anfragen für externes CSS blockiert, das das verwendet file:// Protokoll, da es sich technisch gesehen um eine Cross-Origin-Anfrage handelt.

Eine schnelle Lösung besteht darin, das Verzeichnis, das Ihre Site enthält, an localhost weiterzuleiten http://.Wenn Sie den Python-Interpreter installiert haben, können Sie dies ganz einfach tun:

python3 -m http.server 8080

Greifen Sie dann über Ihren Browser auf localhost zu:

firefox localhost:8080

Sie können ersetzen 8080 mit jedem anderen Port.

Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow
scroll top