En Chrome para escritorio, tengo opciones en las herramientas de desarrollo para deshabilitar la memoria caché por completo cuando se abren las herramientas de desarrollo y tengo las opciones para realizar una recarga dura de forma manual al hacer clic largo en el botón de recarga (con las herramientas de desarrollo abiertas).
¿Existe alguna técnica para Chrome para Android? No encontré ninguna configuración. ¿Qué puedo hacer cuando quiero forzar al navegador a descargar algunos archivos javascript o css en lugar de usar uno en caché durante el desarrollo?
Respuestas:
Estoy usando de
window.location.reload(true)
acuerdo con MDN (y esta pregunta similar) obliga a la página a recargarse desde el servidor.Puede ejecutar este código en el navegador escribiendo
javascript:location.reload(true)
en la barra de direcciones.fuente
javascript:
.window.
parte.javascript:location.reload(true)
debería hacer el truco.Ver la página en modo incógnito deshabilitará el caché. Era la única forma en que podía forzar una actualización en una hoja de estilo sin borrar manualmente el caché a través de la configuración.
fuente
También una opción:
y luego vuelve a cargar la página.
fuente
Clear Browsing Data
, donde puede marcarclear cache
usando la casilla de verificación.Puede usar la opción Solicitar sitio de escritorio desde el menú de la aplicación (a la derecha de la barra de direcciones) que obligará a la página a recargarse.
Simplemente tóquelo, espere la actualización y luego anule la selección.
fuente
localStorage
valores).Mencionando esto porque mencionaste "al desarrollar".
Puede controlar el dispositivo móvil a través de su navegador Chrome Desktop.
Visita
chrome://inspect/#devices
en tu escritorio. YInspect
el dispositivo que está conectado a su escritorio. Acepte cuando se le pida permiso.Ahora debería ver una ventana completa de Devtool para la página actual en el dispositivo móvil.
¡Ahora, use el acceso directo de recarga dura (Cmd + Shift + R) en el escritorio para realizar una recarga dura en el dispositivo móvil!
fuente
No olvide asegurarse de que la configuración "Reducir el uso de datos" esté desactivada, ya que parece descargar datos en caché (¿de los servidores de Google?) A pesar de que su caché local está vacía.
fuente
Cómo restablecer todos los datos de una URL / sitio web determinado en Chrome Mobile para Android:
1 - Abre el menú de Chrome y toca el ícono "i (info)"
2 - toca "Configuración del sitio"
3 - Toque el icono de la papelera
Eso es todo, incluso el trabajador de servicio más profundamente instalado para esa URL ahora morirá.
fuente
Sé que esta es una vieja pregunta, pero descubrí que la respuesta aceptada no funcionó para mí.
Una solución alternativa sería agregar la url con un nuevo parámetro de url como
website.com?a=1
,website.com?a=2
, etc.Si ya tiene parámetros, por supuesto, usaría un ampersand, es decir
website.com?q=test&a=1
fuente
?a
es suficiente si solo quieres recargar una vez.?a
, por supuesto, a menos que sea el host del sitio.A partir de 2018, desde el centro de ayuda de Google (probado en Chrome 63):
Como se mencionó en otra respuesta, las pestañas de incógnito también son de gran utilidad para el desarrollo.
fuente
Encontré una solución que funciona, pero es fea.
Haga clic en el menú de tres puntos y seleccione "Dispositivos remotos" en el menú "Más herramientas":
En el panel que se abre, seleccione su dispositivo y luego el botón "Inspeccionar" junto al nombre de la pestaña en su teléfono que necesita actualizarse:
En la ventana que se abre, haga clic en la pestaña "Red" y marque la casilla de verificación "Desactivar caché":
Vuelva a cargar la página en su teléfono o use el botón de recarga en la ventana de DevTools.
fuente
La depuración remota le permite utilizar las herramientas de desarrollo de escritorio:
https://developers.google.com/chrome-developer-tools/docs/remote-debugging
fuente
Versiones recientes de caché de Chrome de forma muy agresiva. Incluso las técnicas de eliminación de caché como " http: // url? Updated = datecode " dejaron de funcionar. Debe borrar el caché o iniciar una ventana de incógnito cada vez (y asegurarse de que el protector de datos esté desactivado).
fuente
La única forma confiable que he encontrado que no requiere enchufar el teléfono a una PC es la siguiente:
1. Fuerce la detención de la aplicación Chrome.
Esto debe hacerse primero, y no puede volver a abrir Chrome hasta que finalice estos pasos. Hay varias formas de forzar la detención. La mayoría de los lanzadores caseros te permitirán acceder a la "Información de la aplicación" manteniendo presionado el ícono de Chrome y seleccionando el ícono "i". Alternativamente, puede ir a la configuración de Android y simplemente buscar "Chrome".
Una vez en "Información de la aplicación", seleccione "Forzar detención" como se muestra a continuación:
2. Borrar el caché de Chrome
Seleccione "Almacenamiento" en la misma pantalla:
Finalmente, seleccione "Borrar caché".
Cuando regrese a la aplicación Chrome, la página debería recargarse y mostrar una versión no almacenada en caché.
Además, encontré un sitio que hace que sea fácil probar si ha borrado su caché: https://refreshyourcache.com/en/cache-test/
No estoy afiliado de ninguna manera. Tenga en cuenta que el método para borrar el caché mencionado en ese sitio de hecho está desactualizado y ya no es válido.
fuente
EDITAR: Este método ha quedado en desuso en Google Chrome y ya no funcionará.
RESPUESTA ORIGINAL:
Pude borrar el caché (incluyendo xhr posterior) usando chrome: // net-internals
Luego haz clic en la pequeña flecha en la esquina superior derecha
Seleccione "borrar caché" de ese menú.
fuente
Aquí hay otra solución simple que puede funcionar cuando otros fallan:
Hoy, una solución bastante simple del lado del desarrollador funcionó para mí cuando el problema de almacenamiento en caché era un archivo CSS en caché. En resumen: cree una copia temporal del archivo html y navegue para actualizar el caché CSS.
Este truco puede actualizar el archivo CSS, al menos en el navegador predeterminado de Android con el globo azul (pero es muy probable que sea gemelo, también el navegador oficial de Chrome, y cualquier otro navegador que encontremos en teléfonos "inteligentes" con su tendencia de almacenamiento en caché agresivo )
Detalles:
Al principio probé algunas de las soluciones bastante simples que se comparten aquí, pero sin éxito (por ejemplo, limpiar la historia reciente del sitio específico, pero no meses y meses). Sin embargo, mi último CSS no se aplicaría después de la actualización. Y eso a pesar de que ya había empleado el truco del número de versión en la llamada al archivo CSS en la sección principal del html que me había ayudado a evitar estos molestos cachorros agresivos en el pasado. (ejemplo: link rel = "stylesheet" href = "style.css? v = 001" donde actualiza este número de pseudo-versión cada vez que realiza un cambio en un archivo CSS, por ejemplo 001, 002, 003, 004 ... (debe hacerse en cada archivo html del sitio))
Esta vez (agosto de 2019) la actualización del número de versión del archivo CSS ya no fue suficiente, ni algunas de las medidas más simples mencionadas aquí funcionaron para mí, o ni siquiera pude encontrar acceso a algunas de ellas (en un teléfono Android prestado).
Al final probé algo relativamente simple que finalmente resolvió el problema:
Hice una copia del archivo index.html del sitio dándole un nombre diferente (indexcopy.html), lo cargué, lo hojeé en el dispositivo Android, luego volví a la página original, lo actualicé (con el botón Actualizar a la izquierda de la barra de direcciones) y voilà: esta vez la actualización de index.html finalmente funcionó.
Explicación: La última versión del archivo CSS ahora se aplicó finalmente en Android al actualizar la página html en cuestión porque la copia en caché del archivo CSS ahora se había actualizado cuando se llamó al archivo CSS desde una página html temporal con un nombre diferente que no existía en ninguna parte en el historial del navegador y que podría eliminar nuevamente después. El almacenamiento en caché agresivo aparentemente ignoró la URL de CSS y en su lugar se fue por la URL de HTML, a pesar de que era el archivo CSS que necesitaba actualizarse en la memoria caché.
fuente
Si solo se trata de archivos incluidos, simplemente agregue la versión después de la ruta (
?v=12345678
)Quien cargue la página nuevamente verá los cambios.
fuente