google chrome - habilitar - ¿Cómo obligar al depurador de scripts de Chrome a volver a cargar javascript?
javascript console chrome (15)
Realmente me gusta la capacidad de editar javascript en el depurador de chrome, sin embargo, encuentro que puede ser realmente problemático hacer que el depurador vuelva a buscar el JavaScript del servidor.
A veces tengo que ir tan lejos simplemente cerrando el depurador y volver a cargar el marco funciona bien, pero otras veces (no puedo precisar en qué condiciones ocurre) tengo que borrar mi caché temporal de Internet. A veces juro que tengo que cerrar Chrome por completo, luego borrar la caché y luego cargar la página antes de que el depurador finalmente me muestre la secuencia de comandos más actualizada.
(NB. No hay almacenamiento en caché de la secuencia de comandos por el servidor web)
Me preguntaba si alguien sabía de una manera rápida y fácil de decirle al depurador que invalide todo su javascript y lo recupere todo en la recarga de la página.
Aquí hay un acceso directo a DevTools:
- F12 para abrir Chrome DevTools
- F1 para abrir la configuración de DevTools
- Marque Deshabilitar caché (mientras DevTools está abierto) como se muestra a continuación:
Nota: Actualizado por el comentario de Dimi. Tienden a moverlo, así que avíseme o actualice la publicación si nota que ha cambiado.
En Windows, Ctrl + Shift + r obligaría a volver a cargar el script en Chrome.
En mi opinión, es más fácil trabajar en una ''sesión de navegación privada'' de Chrome, para garantizar que sus archivos javascript no provengan de la memoria caché.
La desactivación de los puntos de interrupción provocó la carga del nuevo script para mí.
Para Google Chrome no es Ctrl + F5 . Es Shift + F5 para borrar el caché actual! Esto funciona para mi !
Parece que el depurador de Chrome carga los archivos de origen en la memoria y no los deja ir a pesar de las actualizaciones de la memoria caché del navegador, es decir, tiene su propia memoria caché aparte de la memoria caché del navegador que no está sincronizada. Al menos, este es el caso cuando se trabaja con archivos de origen asignados (estoy depurando fuentes de escritura de tipo). Después de actualizar con éxito la memoria caché del navegador y validar que al buscar directamente en el archivo de origen, descargue el archivo actualizado, pero tan pronto como vuelva a abrir el archivo en el depurador, seguirá devolviendo el archivo antiguo sin importar la versión de la memoria caché normal del navegador. Muy molesto por cierto.
Yo consideraría esto un error en Chrome. Utilizo la versión versión 46.0.2490.71 m.
Lo único que ayuda es reiniciar Chrome (cerrar todos los navegadores Chrome).
Si está ejecutando un servidor local en Apache, puede obtener lo que parecen problemas de almacenamiento en caché. Esto me sucedió cuando tenía un servidor Apache ejecutándose bajo Vagrant (en virtualbox).
Solo agregue las siguientes líneas a su archivo de configuración ( /etc/httpd/conf/httpd.conf o equivalente):
#Disable image serving for network mounted drive
EnableSendfile off
Tenga en cuenta que vale la pena buscar en el archivo de configuración para ver si EnableSendfile está configurado on cualquier otro lugar.
Si está realizando cambios locales a un javascript en las Herramientas del desarrollador, debe asegurarse de desactivar estos cambios antes de volver a cargar la página.
En la pestaña Fuentes, con su secuencia de comandos abierta, haga clic con el botón derecho en la secuencia de comandos y haga clic en la opción "Modificaciones locales" en el menú contextual. Eso abre la lista de scripts en los que ha guardado las modificaciones. Si lo ve en esa ventana, las Herramientas del desarrollador siempre mantendrán su copia local en lugar de actualizarla desde el servidor. Haga clic en el botón "revertir", luego actualice nuevamente, y debería obtener la copia nueva.
Si los archivos que está cargando se almacenan en la memoria caché y los cambios que ha realizado no se reflejan en el código, entonces hay 2 formas de tratar esto
Borrar el caché como todos dijeron
Si desea Caché y solo se deben volver a cargar los archivos, puede ir a la pestaña de red de la herramienta dev y borrar lo que se haya cargado. La próxima vez no lo cargará de caché. Tendrás tus últimos cambios.
Siempre puede borrar un archivo específico haciendo lo siguiente:
- Abrir herramientas de desarrollo
- Haga clic en la pestaña Fuentes
- Encuentra tu script / imagen / archivo
- Compruebe el panel derecho para ver si su archivo está actualizado
Si no:
- Haga clic con el botón derecho en el recurso en el panel izquierdo y elija ''Abrir enlace en una nueva pestaña''
- Forzar una recarga del recurso con
CTRL+F5(mac:Command-Shift-R)
Esto es muy útil si tiene recursos que están en marcos y CTRL+F5 no obliga a actualizarlos.
También hay 2 soluciones (rápidas):
- Use el modo de incógnito mientras depura, cierre la ventana y vuelva a abrirla.
- Borra tu historial de navegación
También puede usar esta extensión de Chrome para cambiar rápidamente entre usar o no el caché: https://chrome.google.com/webstore/detail/cache-killer/jpfbieopdmepaolggioebjmedmclkbap
Shift + F5 borra rápidamente el caché.
Se puede acceder al menú contextual que se muestra arriba haciendo clic con el botón derecho / presionando y manteniendo presionado el botón "recargar", mientras que Chrome Dev Tools está abierto .
El caché vacío y la recarga de disco duro funcionan mejor para mí.
Otra ventaja: esta opción mantiene intactas todas las demás pestañas abiertas y datos del sitio web. Sólo vuelve a cargar y borra la página actual.