Evitar el Cache de CSS y Javascript

Seguro a la mayoría de los creadores de páginas webs les ha pasado que cuando están editando la misma, los cambios en las hojas de estilo no se ven reflejados, esto sucede porque automáticamente las hojas de estilo y los Javascritps son almacenados en una especie de memoria llamada Cache, con este tutorial vamos a aprender a evitar este problema de una manera muy sencilla usando algo de PHP.

Como dije antes vamos a usar algo de PHP por lo que toda página que guardes con este código debe terminar con .php, por ejemplo index.php.

La forma común con la que llamamos una hoja de estilos es la siguiente:

1	<link rel="stylesheet" type="text/css" href="css/style.css" media="screen, projection" />

*Suponemos que nuestro estilo está en una carpeta llamada “css”

Lo que debemos cambiar es la URL de nuestro archivo sin modificar la ubicación del mismo, apliquemos ahora algo de PHP.

El código

Aplicando el php necesario nuestro código nos va a quedar de la siguiente manera

1	<link rel="stylesheet" type="text/css" href="<?php echo 'css/style.css'; echo '?'.filemtime( 'css/style.css'); ?>" media="screen, projection" />

*Recuerda cambiar la dirección de tu hoja de estilo

Eso va a hacer que nuestra URL tenga un aspecto como el siguiente: css/style.css?1262745193

Con Javascript

Es básicamente lo mismo, nuestro código va a quedar de la siguiente manera

1	<script type='text/javascript' src='<?php echo 'js/nombre-de-js.js'; echo '?'.filemtime( 'js/nombre-de-js.js'); ?>'></script>

*Recuerda cambiar la dirección de tu archivo javascript

Mijael es el creador y editor de skyandstars.net donde publica guias y tutoriales sobre WordPress, Cutenews, PHP, HTML y mucho más. Acutalmente estudiante universitario.

Mijael166