17
Descubrí que algunos sitios web usan etiquetas css como style.css?ver=1. ¿Que es esto?¿Qué es la etiqueta style.css? Ver = 1?
¿Cuál es el propósito de ?ver=1?
¿Cómo lo hago en el código?
A
Respuesta
27
Para evitar el almacenamiento en caché de CSS.
Si el sitio web actualiza su CSS, actualizan el ver a un número superior, por lo tanto, el navegador se ve obligado a obtener un nuevo archivo y no usar la versión anterior en caché.
De lo contrario, un navegador puede obtener un nuevo código HTML y CSS antiguo y algunos elementos del sitio web pueden parecer rotos.
4
El propósito de? Ver = 1 es parametrizar el archivo css, por lo que cuando publican un nuevo archivo style.css suben la versión y obliga al cliente a descargar el nuevo archivo, en lugar de extraerlo del caché versión.
3
Creo que ?ver=1 es para la versión no. de la aplicación web. Cada vez que se crea una nueva versión, la aplicación puede actualizar el ver a la nueva versión. Esto es para que el navegador cargue el nuevo archivo CSS y no use el almacenado en caché (ambos usan diferentes nombres de archivo).
Se puede hacer referencia a este sitio: '? Ver = 1' http://www.knowlegezone.com/36/article/Technology/Software/JavaScript/CSS-Caching-Hack----javascript-as-well
9
Adición hace que la mirada petición HTTP como una consulta GET con los parámetros, y los navegadores de buen comportamiento (y proxies) se negará a almacenar en caché las consultas con parámetros . Por supuesto, los navegadores de buen comportamiento (y los proxies) también deberían prestar atención a los encabezados de respuesta 'Cache-control: no-cache', 'Expires', 'Last-Modified' y 'ETag' (todos los cuales se agregaron a HTTP para especificar el comportamiento correcto de almacenamiento en caché).
El método '? Ver = 1' es una forma costosa de forzar el comportamiento cuando el desarrollador del sitio no sabe cómo (o es demasiado flojo) implementar los encabezados de respuesta correctos. En particular, significa que cada solicitud de página va a obligar a solicitar ese archivo CSS, aunque, en la práctica, los archivos CSS cambian raramente, si es que lo hacen.
Mi recomendacion? No lo hagas.
+0
"significa que cada solicitud de página va a forzar la solicitud de ese archivo CSS" - no, no lo hace. ¿Por qué lo haría? ¿Simplemente porque se usa la parte de consulta del recurso? – bzlm
+2
¿No me creen? Pruébalo con una variedad de navegadores. –
+0
¿Es solo porque el navegador no almacena en caché una consulta parametrizada o podemos insertar un número de versión en CSS y podemos llamarlo por el número, p. ver = 1, ver = 2, ver = 3, o llamar a una versión anterior, mientras que existe una más nueva? – bjan
1
IMO una forma mejor de hacer esto sería incluir un hash generado fuera del tamaño del archivo o una suma de comprobación según el contenido del archivo o la fecha de la última modificación. De esta manera, no tiene que actualizar un número de versión y simplemente dejar que el número se elimine de las propiedades cambiantes del archivo.
2
Si está desarrollando una aplicación web en HTML y CSS o en cualquier otra tecnología, y está utilizando algunos archivos CSS o JS externos, es posible que note algo que en algunos casos si realizó algún cambio en su .css existente o archivos .js, los navegadores no reflejan los cambios de inmediato.
Lo que sucede en ese caso es que el navegador no descarga una copia nueva de la última versión de los archivos .css y .js, sino que usa los archivos almacenados en su caché local. Como resultado, los cambios que realizó recientemente no son visibles para usted.
<link rel="stylesheet" href="style.css?v=1.1">
El caso anterior cuando se carga la página web del navegador tratará "style.css" como un archivo diferente junto con "? V = 1,1". Por lo tanto, el navegador se ve obligado a descargar una nueva copia de la hoja de estilo o el archivo de script.
Cuestiones relacionadas
- 1. ¿Por qué -1 >> 1 es -1? ¡Y 1 >> 1 es 0!
- 2. ¿Qué es la altura de línea: 1?
- 3. ¿Qué es la dirección IP ':: 1'?
- 4. ¿Por qué ~ 0 es -1?
- 5. ¿Por qué es (-1 >>> 32) = -1?
- 6. ¿Por qué un [:] = 1 es fundamentalmente diferente de un [:] = '1'?
- 7. ¿Por qué 0 && 1 es 1 mientras que 1 && 0 es 0 en ruby?
- 8. ¿Por qué esta gramática LR (1) no es LALR (1)?
- 9. En Javascript, ¿por qué [1, 2] == [1, 2] o ({a: 1}) == ({a: 1}) es falso?
- 10. ¿Qué es "undefined x 1" en JavaScript?
- 11. (-1 >> 1) == -1 - ¿Por qué?
- 12. ¿Qué es/dev/null 2> & 1?
- 13. ASN.1 SECUENCIA (DE) valor de la etiqueta real de
- 14. ¿Qué es esta etiqueta de script?
- 15. Struts 1 Formato de fecha Etiqueta
- 16. ¿qué es esta orden por 1?
- 17. ¿Qué tan portátil es mktemp (1)?
- 18. ¿Por qué no es [1..5] == [1,2,3,4,5]?
- 19. ¿Por qué es -1> sizeof (int)?
- 20. ¿Qué es lo opuesto a od (1)?
- 21. Arrays de Java: ¿por qué la salida es '1'?
- 22. ¿Es modificable la etiqueta CFDUMP?
- 23. En C++, ¿qué es más rápido? (2 * i + 1) o (i << 1 | 1)?
- 24. ¿Qué es más rápido: char (1) o tinyint (1)? ¿Por qué?
- 25. En Scala, ¿qué hace "ver"?
- 26. ¿Cuál es la diferencia entre 1 y '1 en Lisp?
- 27. ¿Qué significa 1. # INF00, -1. # IND00 y -1. # IND significa?
- 28. ¿Cuál es la prueba de (N-1) + (N-2) + (N-3) + ... + 1 = N * (N-1)/2
- 29. ¿Por qué (1 >> 0x80000000) == 1?
- 30. ¿qué significa 2n + 1 quórum?
Como nota adicional, puede agregar la marca de tiempo de la solicitud en lugar de un número de versión y omitir por completo el almacenamiento en caché de la hoja de estilo. Esto aumenta el procesamiento, pero reduce el mantenimiento del código. –
De acuerdo con Jim, utilizo la marca de tiempo del archivo personalmente y es mucho más fácil de usar. –
¿No entiendo, o está sugiriendo usar marcas de tiempo para evitar la caché, que se introdujo para reducir la carga del servidor, con el fin de disminuir _programación_? – Kheldar