2011-10-02 26 views
16

Parece que Google Chrome no muestra mi sitio de acuerdo con la hoja de estilo.Chrome no cargando la hoja de estilo

Cuando la página se carga por primera vez, se carga bien ... pero luego cambia al formato html sin formato hacia el final de la carga de la página.

Se termina pareciéndose a esto (se puede ver la dirección web en la barra superior):

[click for full size]

enter image description here

tengo 2 hojas de estilo, se trata de una "alternativa" que un usuario puede cambiar haciendo clic en los botones de Luz/Oscuro en la parte superior derecha del sitio.

¿Por qué sucede esto? Nunca tuve un problema antes

Mis especificaciones: Mac OS X con Google Chrome 14.0.835.186

+11

Por lo que vale, es BS total que esta pregunta está cerrada por ser demasiado localizada. Este es un problema que afecta a los usuarios en múltiples versiones de Chrome y sistemas operativos. De todos modos, lo más probable es que sea HTTPS Everywhere lo que está causando este problema, como lo indica una respuesta a continuación. – 0xff0000

+0

Estoy de acuerdo en que esto debería volver a abrirse. Tuve el mismo problema, por lo que pude responderlo. Me afectó al ver extensiones XKCD con ABP + HTTPS en todas partes. – Mittenchops

+0

En nuestro caso, recibimos el tipo de contenido incorrecto cuando solicitamos css. solicitado: Aceptar: text/css, */*; q = 0.1, respondido: Content-Type: text/plain. Terminó cambiando proveedores de alojamiento para arreglarlo ... muy mal Chrome no es lo suficientemente inteligente como para saber .css cuando lo ve .. – MonkeyD

Respuesta

2

He intentado esto en OS X con la misma versión de Chrome como usted y todo se hace correctamente para las versiones oscuras y claras. Podría ser un problema de almacenamiento en caché para ti. Mantenga presionada la tecla Mayús mientras recarga la página. Esto obligará al navegador a obtener todos los recursos e ignorar las versiones en caché.

+0

Eso fue lo primero que intenté, sin suerte. También borré los datos de navegación desde "el comienzo del tiempo" desde las opciones de Chrome, el mismo resultado. – GreatestSwordsman

+0

Abra el inspector web y vaya a la pestaña Red.Cuando vuelva a cargar, verá qué recursos se están descargando. –

+0

Bueno, ambas hojas de estilo (style.css y dark.css) se están descargando ... – GreatestSwordsman

4

Quizás un problema de caché de su lado. ¿Puedes probar "Shift + Ctrl + R"?

+1

Mayús + Comando + R en mi caso (teclado Mac de Apple), pero todavía se carga lo mismo que mi captura de pantalla. – GreatestSwordsman

+0

Funciona para mí. Gracias. – JunM

14

¿Tiene HTTPS en todas partes + Adblock instalado? Si es así, he encontrado que hacer clic en los resultados de búsqueda de Google a menudo producirá este comportamiento cuando el sitio principal no tiene, o tiene https limitado.

Observo el mismo comportamiento, con esas extensiones, cuando busco y hago clic a través de un cómic XKCD, por ejemplo.

Deshabilitar temporalmente https en todas partes o volver a ingresar la URL sin https parece solucionarlo por mí.

+1

Esta es la respuesta correcta. – 0xff0000

+1

No tengo HTTPS en todas partes, y ambos enlaces no pueden cargar CSS muy a menudo en sitios web aleatorios para mí ... – Shackrock

+0

¿Por qué adblock haría esto para una hoja de estilo en un directorio de mi servidor, pero no en otro? En el directorio donde la hoja de estilos no se carga, 'index' y la hoja de estilos están en el mismo directorio. ¿Hay algún encabezado que deba agregar? Alguna otra razón? – 1252748

0

En la computadora portátil de mi amigo fue causado por algunos DNS problemas. Después de cambiar el DNS a 8.8.8.8 todo está bien.

0

Cambia el juego de caracteres css a UTF8. Solucionó mi problema.

0

Tenía este mismo problema, pasé horas dando vueltas en círculos preguntándome "¿Qué diablos he hecho!", Probé muchas de las sugerencias de este sitio y muchos otros, pero lo que funcionó para mí y me sentí un poco Luego, estúpido por no intentarlo fue desactivar el bloqueador de anuncios para Chrome, seguido de un cambio + f5 y un problema resuelto.

Cuestiones relacionadas