Errore di sintassi di Firefox 3 con CSS esterno

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

Domanda

Ottengo uno strano errore di sintassi in Firefox 3.0.10/Leopard quando utilizzo il seguente codice html/css:

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

e l'errore che ottengo nella console è:

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

Non è il CSS, perché incollarlo nel corpo di un tag STYLE in linea funziona bene.Non è il tag di collegamento, perché puntare l'HREF al file css dell'overflow dello stack non genera un errore.Sembra un bug di Firefox, ma non riesco a trovare alcuna documentazione al riguardo.È un problema noto ed esiste una soluzione alternativa?Rende difficile il debug o la convalida.

Grazie.

È stato utile?

Soluzione 2

La risposta si è rivelata essere "Disattiva le estensioni (era YSlow)" come suggerito nei commenti.

Altri suggerimenti

Ti dà l'errore sul primo carattere nel file, che è una "d", che mi esclude cose come i caratteri speciali "nascosti".Immagino che Firefox non sia in grado di aprire il file localmente per qualsiasi motivo, o che il file sia stato salvato accidentalmente con una codifica che, sebbene venga visualizzata correttamente nella finestra di dialogo, non viene analizzata normalmente.Forse è stato salvato come Unicode per errore?

Se potessi collegarci al file reale sarebbe d'aiuto, dal momento che la tua sintassi (nonostante il markup non sia esattamente valido, ma non penso che sia tutto) è perfetta nel file .css che hai incollato.

Il file è stato scritto su Windows?Forse è necessario riformattare il ritorno a capo/nuova riga su mac os x.prova a eseguire il file tramite qualcosa come dos2unix sulla riga di comando.Potrebbe anche essere un bom non stai vedendo.

La mia ipotesi è che ci sia qualche carattere nascosto che potrebbe essere stato salvato accidentalmente nel file.Prova a salvare nuovamente il file CSS o a digitare nuovamente la prima riga e quindi a salvarla nuovamente.

Se provieni da Google e lavori con HTML locale, tieni presente che Firefox blocca le richieste di CSS esterni che utilizzano il file file:// protocollo perché tecnicamente è una richiesta multiorigine.

Una soluzione rapida è servire la directory che contiene il tuo sito su localhost http://.Se hai installato l'interprete Python, puoi farlo molto facilmente:

python3 -m http.server 8080

Quindi accedi a localhost tramite il tuo browser:

firefox localhost:8080

Puoi sostituire 8080 con qualsiasi altro porto.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top