Error de sintaxis de Firefox 3 con CSS externo

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

Pregunta

Recibo un extraño error de sintaxis en Firefox 3.0.10/Leopard cuando uso el siguiente 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;
}

y el error que me sale en la consola es:

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

No es el CSS, porque pegarlo en el cuerpo de una etiqueta STYLE en línea funciona bien.No es la etiqueta de enlace, porque apuntar el HREF al archivo css del desbordamiento de pila no genera un error.Parece un error de Firefox, pero no puedo encontrar ninguna documentación al respecto.¿Es este un problema conocido? ¿Existe alguna solución?Hace que sea difícil depurar o validar.

Gracias.

¿Fue útil?

Solución 2

La respuesta resultó ser "Desactivar extensiones (era YSlow)", como se sugiere en los comentarios.

Otros consejos

Te está dando el error en el primer carácter del archivo, que es una 'd', lo que para mí descarta cosas como caracteres especiales "ocultos".Supongo que Firefox no puede abrir el archivo localmente por cualquier motivo, o que el archivo se guardó accidentalmente con una codificación que, aunque se muestra bien en el cuadro de diálogo, no se analiza normalmente.¿Quizás se guardó como Unicode por error?

Sería útil si pudiera vincularnos al archivo real, ya que su sintaxis (a pesar de que el marcado no es exactamente válido, pero no creo que lo sea) es perfecta en el archivo .css que pegó.

¿El archivo fue escrito en Windows?Tal vez necesite reformatear el retorno de carro/nueva línea en mac os x.Intente ejecutar el archivo a través de algo como dos2unix en la línea de comando.También podría ser un nacido no estás viendo.

Supongo que hay algún carácter oculto que podría haberse guardado accidentalmente en el archivo.Intente volver a guardar el archivo CSS o volver a escribir la primera línea y luego volver a guardarla.

Si está aquí desde Google y trabaja con HTML local, tenga en cuenta que Firefox bloquea las solicitudes de CSS externo que utilizan el file:// protocolo porque técnicamente es una solicitud de origen cruzado.

Una solución rápida es enviar el directorio que contiene su sitio a localhost a través de http://.Si tienes instalado el intérprete de Python, puedes hacer esto muy fácilmente:

python3 -m http.server 8080

Luego acceda a localhost a través de su navegador:

firefox localhost:8080

puedes reemplazar 8080 con cualquier otro puerto.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top