[SOLUCIONADO] Cargar un estilo css con query en la URL

[geofran80]

Buenos días,

Estoy viendo algunas webs que incluyen en el enlace a la hoja de estilo CSS una query al final del modo que muestro a continuación:

Código:

<link href="css/styles.css?123456789" rel="stylesheet" />

Mi duda es ¿para qué usan esas queries en la url de la hoja de estilos CSS?

¿podrían ilustrarme al respecto?

Gracias de antemano.

Saludos.
Francisco J.

[pzin]

Suele ser, —generalemente— para evitar la caché del navegador. Al hacer algún cambio en la hoja de estilos, se cambia esa query string y se supone que no se cargará la hoja de la caché sino una nueva.

En Ruby on Rails se usaba esa técnica antes, pero ahora simplemente se cambia todo el nombre del archivo compilado, por ejemplo styles123456789.css, que es más eficiente para su propósito.

[geofran80]

Gracias pzin, ¿pero desde dónde se llama y cómo se usa la query string posterior del fichero?

Es decir, si tengo el fichero con ?123456 ¿cómo se encarga el navegador de llamarlo? ¿Se hace através de PHP o Ruby como lenguajes de lado del servidor? ¿Dónde se gestionan esas query strings?

Gracias de antemano.

Saludos cordiales.
Francisco J.

[pzin]

Es simplemente para que la URL sea diferente, y como es una URL normal, pues el navegador lo llama de forma normal.

Esas query string no se gestionan, es simplemente una forma de cambiar el nombre de la URL. A cualquier URL, incluso a un fichero estático como HTML, le puedes pasar variables por URL, aunque luego no las puedas leer, pero ya tienes una URL diferente y fuerzas al navegador a volver a descargar el archivo —si lo que venga después de ? cambia, claro.

Es como si tuvieras un fichero.css, y le cambiaras cada vez que haces cambios el nombre a fichero1.css, luego al siguiente cambio fichero2.css, etc. Pero así sería un coñazo, porque tienes que ir cambiando sus referencias. Por lo que meter variables es más cómodo.

Luego dentro del código CSS a priori no vas a tener variables ni nada por el estilo que lean ese query string.

Si necesitas CSS con variables, hasta que el módulo de variables CSS sea recomendación —que pasarán años seguramente— puedes usar preprocesadores como Sass.

[geofran80]

Muchas gracias amigo, totalmente aclarado.

Saludos cordiales.
Francisco J.