En nuestro trabajo diario hacemos modificaciones de maquetación de páginas web, esto se hace con las llamadas “hojas de estilo en cascada” o CSS, que contienen la información más visual, junto con el HTML que es el contenido y la estructura de los bloques que componen una página web.

En muchos casos estos ajustes los hacemos con la web ya publicada, o a punto de hacerlo, junto al cliente… o también ante alguna petición de visibilidad nueva, o ¿por qué no? porque algo no se ve como estaba previsto.

En esos casos, a veces nos pasa que el cliente nos dice que no hemos acometido los cambios, cuando ¡sí lo hemos hecho!. Son gajes del oficio, ¿qué está ocurriendo? pues que nuestro querido navegador de Internet (Chrome, Firefox, Internet Explorer…) tiene la versión antigua de las hojas de estilos cacheada y aunque se accede a la web, no la actualiza para ahorrar tiempo y datos en descarga.

La solución para que el cliente vea es hacer un refresco completo que haga que el navegador vuelva a solicitar a la página web la hoja de estilos y entonces sí actualice su caché de CSS.

Aquí ponemos cómo realizar un refresco completo en entornos Windows, Linux y Mac OS, con pulsaciones de teclado:

  • Windows: Ctrl + F5
  • Mac OS: Apple + R o bien Command + R
  • Linux: F5

 

Si falla, se hace de nuevo o bien si la caché es persistente por alguan razón, se podrán comprobar los cambios de maquetación en el “modo incógnito” u otro navegador.

Y si lo anterior también falla, puede haber algún problema superior, como que el proveedor de acceso a Internet esté cacheando contenidos, lo cual no debería. Serían ya sí casos concretos, en los cuales mejor consultar a vuestro maquetador.

Categorías: Maquetación

@javiG

bio...

20 commentarios

Oscar · 8 abril, 2015 a las 8:03 pm

Muchas gracias por esta información, yo no lo sabía y me estaba volviendo loco, debido a que los cambios en el css no se veían en Firefox

mikel · 21 agosto, 2015 a las 3:33 pm

Como desarrollador web y tras varios “sustos” y pérdida de tiempo por culpa de la caché he terminado por deshabilitarla por completo y permanentemente en Firefox.
El navegador se vuelve un poco más lento, así que solo lo uso para debug, para navegar uso Chrome y listo.
https://chinoataku.wordpress.com/2011/04/25/desativar-memoria-cache-en-firefox/

Alejandro Mayorga · 11 diciembre, 2016 a las 5:00 am

Muchisimas gracias!!! no pense que fuera tan simple!! +1000000

Nicolás · 12 enero, 2017 a las 4:33 pm

Muchas gracias amigo, ya pude solucionar ese molesto problema.

Edward · 16 enero, 2017 a las 2:35 pm

+10 lince gracias

Eduardo Godoy · 26 enero, 2017 a las 10:10 pm

Muy buen aporte! Funciona al 100% en Chrome

LkRodi · 28 enero, 2017 a las 8:37 pm

No funcionaron, sin embargo hice algo más simple: Como estoy ahora utilizando Windows 10, abrí el navegador Edge de Windows y vaya que ahí si reconoce al 100% cada cambio de mi CSS. Es una solución alternativa, espero que sirva, saludos.

Manel · 31 enero, 2017 a las 8:53 pm

Gracias por el dato…me funciono bien

Sergio · 14 febrero, 2017 a las 6:11 pm

Me has salvado la vida amigo! Mil gracias. Estaba volviéndome loco,

ricardo · 20 febrero, 2017 a las 4:06 am

grande hermano!!

Felipe · 3 marzo, 2017 a las 7:16 pm

Gracias fue muy util

Andrenosaurio · 17 marzo, 2017 a las 2:20 am

Muy Buen Aporte Viejo, Muy Util.

Consuelo · 18 abril, 2017 a las 2:33 pm

Excelente! Ya me estaba preguntando si era alguna falla de CSS que estaba cometiendo y no me había dado cuenta de ello.

Abdiel · 24 julio, 2017 a las 7:02 am

Subí el archivo 20 veces pensando que el servidor estaba guardando el viejo, gracias, excelente aporte.

Yesid · 25 agosto, 2017 a las 6:15 pm

Gracias muy util

Javier Solis · 28 septiembre, 2017 a las 9:09 pm

Gracias maestro, ya estaba harto de borrar el historia.-

Bryan Briceño · 2 noviembre, 2017 a las 6:39 am

Grande hermano, eres lo maximo, no sabes cuanto tiempo me has ahorrado, estaba como loco con el css que no me actualizaba. Sos un Pro

Paola · 25 noviembre, 2017 a las 6:15 am

Excelente! Muy útil!

Cristian · 29 abril, 2018 a las 5:13 pm

Hola, me funcionó, muchas gracias por hacer el post !! :- )

WILMER · 7 mayo, 2018 a las 3:21 am

GRACIAS AMIGO ESTOY EMPEZANDO EN EL WEB

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *