Desactivación de la caché de Chrome para el desarrollo de sitios web

Borrar la caché es demasiado molesto cuando necesita borrar la caché 30 veces por hora.. así que instalé una extensión de Chrome llamada Classic Cache Killer que borra la caché en cada carga de página.

Chrome Store Link (gratis) (Ahora sin malware!)

Ahora mi json simulado, javascript, css, html y datos se actualiza cada vez en cada carga de página.

Yo nunca tengo que preocuparme si necesito limpiar mi cache.

Hay alrededor de 20 limpiadores de caché para Chrome que encontré, pero este parecía ligero y cero esfuerzo. En una actualización, Cache Killer ahora puede permanecer "siempre encendido".

Nota: No conozco al autor del plugin de ninguna manera. Me pareció útil.

1. Abra la consola de desarrolladores de Chrome presionando F12 y luego (con la consola abierta):

2. Haga clic derecho (o mantenga pulsado el botón izquierdo) en el botón recargar en la parte superior del navegador y seleccione "Vaciar caché y Recargar duro."

Esto irá más allá de "Hard Reload" para vaciar la caché por completo, asegurando que cualquier cosa descargada a través de javascript o etc. también evitará el uso de la caché. Usted no tiene que meterse con la configuración o cualquier cosa, es una solución rápida de 1 disparo.

Hay dos opciones más para deshabilitar el almacenamiento en caché de páginas en Chrome para siempre :

1. Desactivar la caché de Chrome en el Registro

Abrir registro (Inicio - > Comando - > Regedit)

Buscar: HKEY_CLASSES_ROOT\ChromeHTML\shell\open\command

Cambie la parte después ...chrom.exe " a este valor: –disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

Ejemplo: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" -disable-application-cache –media-cache-size=1 –disk-cache-size=1 — "%1"

IMPORTANTE:

• Hay un espacio y un guion después ...Chrome.exe "

• Deja el camino a Chrome.exe como es

• Si copia la línea, asegúrese de verificar si las comillas son comillas reales.

2. Desactive la caché de Chrome cambiando las propiedades de acceso directo

Haga clic derecho en el icono de Chrome y seleccione "Propiedades" en el menú contextual. Agregue el siguiente valor a la ruta: –disk-cache-size=1

Ejemplo: "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" –disk-cache-size=1

IMPORTANTE:

• Hay un espacio y un guion después ...Chrome.exe "

• Deja el camino a Chrome.exe as es

Si no desea editar la configuración de Chrome puede utilizar el modo de incógnito para los mismos resultados.

Además de la opción deshabilitar caché (a la que se accede a través de un botón en la esquina inferior derecha de la ventana de herramientas para desarrolladores Tools Tools / Developer Tools, o Ctrl + Shift + I ), en el panel de red de las herramientas para desarrolladores ahora puede hacer clic derecho y elegir "Borrar caché" en el menú emergente.

1. F12 para abrir Chrome DevTools
2. F1 para abrir la configuración de DevTools
3. Comprobar Desactivar la caché (mientras DevTools está abierto) como se muestra a continuación:

Esto se encuentra actualmente en la pestaña Preferencias que es la predeterminada. Es posible que tenga que desplazarse hacia abajo. Esta casilla de verificación se ha movido al menos un par de veces desde que se hizo esta pregunta. La última vez que lo comprobé, estaba en la columna central en la parte inferior. Si lo tienes abierto en una pantalla más delgada y hay 2 columnas en Preferencias, puede estar cerca de la parte superior derecha. Siéntase libre de actualizar esta publicación si cambia o comenta y actualizaré la publicación.

En el Canal Canario (y tal vez el canal dev y estable lo sigan) esta se encuentra como la segunda opción general en el lado izquierdo en la sección "General".

Además de eso, siempre hay la opción de cambiar al modo de Incógnito a través de Ctrl + Shift + N. A pesar de que desafortunadamente también termina su sesión.

En lugar de golpear " F5" Solo pulsa:

"Ctrl + F5"

Para ser claros, la casilla de verificación deshabilitar caché en Chrome (v17 aquí, pero desde v15 creo) no está en la interfaz de usuario de configuración principal. Está en la interfaz de usuario de configuración de herramientas para desarrolladores.

1. En el menú del icono de llave inglesa de la ventana del navegador (menú de preferencias) elija Herramientas → Herramientas para desarrolladores

2. En la interfaz de usuario de herramientas para desarrolladores que aparece, haga clic en el icono de engranaje en la parte inferior derecha.

3. Marque la casilla 'Desactivar caché' en la sección de red.

Usando Ctrl+Shift+R para refrescar fue agradable, pero no tengo todo lo que necesitaba. aún así, algunas cosas no se actualizarían, como los datos almacenados en js y css. se encontró una solución: una barra de herramientas de google para desarrolladores web chrome . Después de instalar la barra de herramientas, seleccione opciones y "restablecer página".

Desactivar la caché en chrome solo funciona cuando tienes abiertas las herramientas de desarrollo

Hasta que se corrija el error, puede usar el complemento Clear Cache Chrome y también puede establecer un atajo de teclado para él.

Después de instalarlo, haga clic derecho y vaya a opciones:

Http://j.mp/15ZdA6f

Compruebe Automatically reload active tab after clearing data:

Http://j.mp/15ZdGLh

Seleccione Everything para el Período de Tiempo:

Http://j.mp/15ZdPy7

Y luego puedes ir a Menu = > Tools = > Extensiones:

Http://j.mp/15ZehfX

Haga clic en los atajos de teclado en la parte inferior:

Http://j.mp/15Zepft

Y establezca su atajo de teclado, por ejemplo Ctrl + Shift +R :

Http://j.mp/15Zev6M

En realidad, si no le importa usar el ancho de banda, es más seguro por múltiples razones para deshabilitar el almacenamiento en caché y aconsejado por muchos sitios de seguridad.

Chromium no debería ser lo suficientemente arrogante para tomar decisiones y hacer cumplir la configuración en los usuarios.

Puede desactivar la caché en UNIX con disk disk-cache-dir=/dev/null.

Como se trata de bloqueos inesperados pueden ocurrir, pero si lo hacen, entonces eso señalará claramente a un error más grave que debe corregirse en cualquier caso.

Esto podría ayudar a alguien.

He amañado mi Nginx para el almacenamiento en caché loco. Por lo tanto, deshabilitar la caché en herramientas de red y borrar explícitamente la caché no funciona.

Una solución muy simple pero aburrida es, solo abro una nueva pestaña de Incógnito. Sorprendentemente funciona, todo el tiempo!

Un refresco duro en modo incógnito hace el truco cada vez que deseo recargar en el mismo modo.

¿Qué tal un bookmarklet que cambia el nombre de la página para evitar que la página se cachee? En Chrome crearías un nuevo marcador y luego pegarías el código en la URL. Haga clic en el marcador y la página se recargará con la marca de tiempo para frustrar la caché.

javascript:(function(){var idx = location.href.indexOf('?');var d = new Date();var str = location.href.substr(0,idx) + '?version=' + d.getTime();location.href=str; void 0;})();

Acabo de quedar atrapado, pero no necesariamente debido a Chrome.

Estoy usando jQuery para hacer peticiones AJAX. Tenía el atributo cache establecido en true en la solicitud:

   $.ajax({
        type: 'GET',
        cache: true,
        ....

Establecer esto en false solucionado mi problema, pero esto no es ideal.

No tengo idea de dónde se guardan estos datos, pero sí sé que Chrome nunca golpeó el servidor para una solicitud.

Hay una extensión de Chrome disponible en chrome web store llamada Borrar Caché.

Lo uso todos los días y creo que es una herramienta muy útil. Puede usarlo como un botón de recarga y puede borrar la caché y, si lo desea, también cookies, almacenamiento regional, datos de formularios, etc. También puede definir en qué dominio sucede esto. Así que puede borrar toda esta mierda con solo el botón de recarga que de todos modos tiene que presionar - en sus dominios elegidos.

Muy, muy bien!

Usted también puede definir un Atajo de teclado para esto en las opciones!

Otra forma es iniciar la ventana de Chrome en modo incógnito. Aquí la caché también debe estar completamente desactivada.

Ahora hay una manera mejor y más rápida (Chrome versión 59.x. x.):

Haga clic con el botón derecho en el icono de recarga (a la izquierda del campo url) y obtendrá un menú desplegable, seleccione la tercera opción: 'vaciar caché y recargar duro'.

Esta opción solo está disponible cuando las herramientas para desarrolladores están abiertas. (Observe la diferencia con la opción 2: 'Hard reload' - cmd-shift-R). No vaciar caché aquí!

Una opción más para deshabilitar la caché es proporcionada por mi 3rd Chrome extension Page Size Inspector que deshabilita la caché exactamente de la misma manera que Devtools lo hace.

Además, la extensión informa rápidamente el tamaño de la página, el uso de la caché, las solicitudes de red y el tiempo de carga de una página web de una manera conveniente. Además de su código abierto en Github .

No estoy seguro de lo que está usando, pero si está usando ASP.Net puedes hacer lo siguiente que funciona como un encanto:

<link href="@Url.Content("~/Content/Site.css")[email protected]" rel="stylesheet" />

Básicamente agregará automáticamente la Fecha y la Hora al final del archivo cada vez que se ejecute, lo que significa que como el nombre del archivo es técnicamente diferente, nunca tendrá que preocuparse de que se vuelva a almacenar en caché.

¿Cómo puedo desactivar la caché temporalmente o actualizar la página de alguna manera que pueda ver los cambios?

No está claro a qué "caché" te refieres. Hay varios métodos diferentes que un navegador puede almacenar contenido en caché de forma persistente. Almacenamiento web siendo uno de ellos, Cache-Control ser otro.

Algunos navegadores también tienen Cache, se utiliza junto con Service Workers, para crear Aplicaciones web Progresivas (PWA) proporcionar soporte offline.

Para borrar la caché de un PWA

self.caches.keys().then(keys => { keys.forEach(key => console.log(key)) })

Para listar los nombres de las claves de caché, ejecute:

self.caches.delete('my-site-cache')

Para eliminar una clave de caché por nombre (es decir, my-site-cache). A continuación, actualice la página.

Si ve algún error relacionado con los trabajadores en la consola después de actualizar, es posible que también deba anular el registro de los trabajadores registrados:

navigator.serviceWorker.getRegistrations()
  .then(registrations => {
    registrations.forEach(registration => {
      registration.unregister()
    }) 
  })

Hey si tu sitio está usando PHP entonces coloca el siguiente pequeño fragmento de código PHP al principio de tu página html:

   //dev versioning - stop caching
   $rand = rand(1, 99999999);

Ahora donde quiera que cargue recursos como archivos CSS o JS en un script o elemento de enlace, agregue su valor aleatorio generado a la URL de solicitud después de agregar '?"al URI vía PHP:

    echo $rand;

Eso es todo! Ya no habrá ningún navegador que almacene en caché su sitio, independientemente de qué tipo.

Por supuesto, elimine su código antes de publicarlo o simplemente establezca $rand a una cadena vacía para permitir el almacenamiento en caché de nuevo.

He utilizado las otras opciones descritas anteriormente, pero me parece que lo mejor es agregar el siguiente parámetro al inicio de chrome.exe.

"C:\Program Archivos (x86)\Google\Chrome\Application \ chrome.exe " disk disk-cache-size = 1 - media-cache = 1

Me parece que no deshabilitar la caché de medios es una buena idea, pero está aquí por el bien de la integridad.

En realidad quiero una opción para deshabilitar completamente la caché, para usar la memoria para IO en lugar de mi disco (lo que haría que el tiempo de carga sea 10x más rápido!) pero no creo que Chrome o cualquier navegador para el caso tiene esa opción todavía.

Desde la versión 50 (si no recuerdo mal), la opción "Deshabilitar caché" se eliminó de la configuración de Devtool. Vaya a la pestaña" Red "y hay la opción" Deshabilitar caché".

Asesino caché de Chrome es, con mucho, la mejor opción. Dado que la URL de la tienda para instalar cache killer está desactivada, puede descargar el archivo CRX aquí:

Https://www.crx4chrome.com/extensions/jpfbieopdmepaolggioebjmedmclkbap /

Una vez descargado el archivo de extensión, abra Chrome - > más herramientas - > extensiones, luego arrastre el archivo CRX desde el Explorador de archivos o su escritorio (dependiendo de la ubicación donde descargó el archivo) a la ventana de Chrome para instalar el ampliación.

Agregue esta cadena de código a su y debería hacer el truco.

<meta name="robots" content="noarchive">

Tuve el mismo problema, intenté:

• Control Shift R,
• Desactivar la caché en F12
• Control F5.

Entonces descubrí que usando a.el manifiesto de appcache para un sitio no https está obsoleto . Eliminé mi sitio.appcache y su referencia en la etiqueta html y ahora estoy viendo la última versión de cada página!

Estaba en una situación en la que el navegador carga los datos de caché desde el disco, incluso lo comprobé caché desactivado (estaba usando Chrome). Todos mis css y js se cargaban desde el servidor, pero no desde la página web. Esto estaba sucediendo tanto en mi local como en la producción.

Para arreglarlo, necesito poner un param extra en mi url para forzar al navegador a obtener la página web del servidor, incluso el controlador no lo necesitaba.

Yo estaba usando ASP.Net, así que aquí está mi ejemplo

//Controller function
public ActionResult Index()
    {
        return View();
    }
//Link
@Html.Action("Index", "Home", new { ts = DateTime.Now.Ticks.ToString()})

El resultado es, será generar un enlace como: http://www.myweb.com/Home/Index?ts=636558555408282209

Esta es mi situación y solución. Espero que pueda ayudar a alguien.

Uso (en Windows), ctrl + shift + supr y cuando aparezca el diálogo de Chrome, presione entrar clave. Esto se puede configurar con lo que necesita ser borrado cada vez que ejecute esta secuencia. No hay necesidad de tener a Dev. las herramientas se abren en este caso.