Obligar a Google Chrome a buscar nuevos archivos JavaScript cada vez que accedo a un sitio web

Entonces, si voy a las opciones de Internet en Internet Explorer:

Puedo ajustar la configuración para cuando IE busque actualizaciones:

¿Puedo hacer algo similar en Google Chrome? En este momento, cuando cambio mi archivo JavaScript y depuro desde Visual Studio, Chrome siempre usará la versión en caché en lugar de usar la versión modificada. Para poder usar la versión actual, tengo que borrar manualmente mis archivos temporales de Internet / caché, lo cual es realmente molesto.

Opción 1: deshabilitar el caché temporalmente

1. Herramientas para desarrolladores abiertas (presione F12o Menú, Más herramientas, Herramientas para desarrolladores)
2. Abra la configuración de las herramientas del desarrollador ( F1presione o Menú de DevTools, Configuración)
3. Marque "Deshabilitar caché (mientras DevTools está abierto)" en el encabezado Red del panel Preferencias

Opción 2: deshabilitar el caché para la sesión

Inicie Chrome con los interruptores de línea de comandos --disk-cache-size=1 --media-cache-size=1que limitarán las memorias caché a 1 byte, deshabilitando efectivamente la memoria caché.

Opción 3: Actualización manual forzada

Vuelva a cargar la página actual, ignorando el contenido en caché: Shift+ F5o Ctrl+ Shift+r

Atajos de teclado de Chrome - Ayuda de Chrome (en "Atajos de página web")

Opción 4: Opciones de recarga adicionales ( fuente )

Con las Herramientas para desarrolladores abiertas, haga clic con el botón derecho en el botón Recargar para mostrar un menú de recarga con lo siguiente:

• Recarga normal (Ctrl + R)
• Recarga dura (Ctrl + Shift + R)
• Caché vacía y recarga dura

Puede que no esté 100% relacionado con la actualización de Chrome, pero para un mayor desarrollo. Como dijo @Dom, puede agregar un? V = # después de su recurso. Una forma de automatizar el proceso es hacer hash del contenido de dicho archivo y usarlo como versión.

Tengo un código de fragmento sobre cómo hacerlo en C # (Razor para implementación) si esto puede ayudar.

Ayudante:

public static string HashUrl(string relativeUrl)
    {
        var server = HttpContext.Current.Server;
        if (File.Exists(server.MapPath(relativeUrl)))
        {
            byte[] hashData;
            using (var md5 = MD5.Create())
            using (var stream = File.OpenRead(server.MapPath(relativeUrl)))
                hashData = md5.ComputeHash(stream);

            return relativeUrl.Replace("~", "") + "?v=" + BitConverter.ToString(hashData).Replace("-", "");
        }
        return relativeUrl + "?v=notFound";
    }

Implementación:

<link rel="stylesheet" href=@Util.HashUrl("~/Controllers/Home/Views/Index.css") />

Espero que esto ayude

EDITAR --- Algunos han pedido un tiempo de ejecución de compilación y 1000 recursos pequeños, se tarda aproximadamente 11 ms.

https://en.code-bude.net/2013/08/07/md5-hashes-in-c-benchmark-and-speed-%E2%80%8B%E2%80%8Boptimization/

https://en.code-bude.net/wp-content/uploads/2013/08/md5_performance_benchmark_2.png

En otros casos en los que esto puede no ser posible, por ejemplo, si desea forzar una actualización en la computadora de un usuario final a la que no tiene acceso, puede agregar un número de versión al nombre del script como parámetro de consulta para que el navegador identifique como un archivo diferente . es decir. example.js?v=1. Tenga en cuenta que necesitaría cambiar el número en cada recarga para forzarlo.

También podría hacer esto con el desarrollo local, pero el método de herramientas de desarrollo es mucho más eficiente.

Además de la respuesta @Steven, cuando abra la Consola de herramientas del desarrollador , puede hacer clic con el botón derecho en el botón Actualizar y usar el menú desplegable.

En este menú tiene una opción para "Vaciar caché y recarga dura" .

Es lo que estás buscando.

Si está desarrollando el sitio, debe saber que Chrome requiere la must-revalidateconfiguración Cache-Controlpara volver a buscar los archivos correctamente cuando se cambian en el servidor.

Las otras respuestas le dicen cómo presionar SHIFT-F5 para forzar a su propia versión de Chrome a recuperar todos los archivos. ¿Pero es razonable decirle a todos los usuarios del sitio que hagan esto cada vez que el sitio cambie? Si configura la Cache-Controlinclusión must-revalidate, Chrome verificará si algún archivo ha cambiado y luego lo descargará correctamente cuando sea necesario.

Vea los detalles en esta publicación de blog: https://agiletribe.wordpress.com/2018/01/29/caching-for-chrome/