¿Cómo actualizar una página web en Chrome (analógico a Ctrl+F5) en un dispositivo sin botón de menú?

En el lado izquierdo de la URL, hay un icono de información (i) o un icono de candado. Haz clic en el icono y luego en [configuración del sitio web].

Encontrarás un icono de basura para borrar la caché del sitio actual, y alternativamente un botón de "restaurar preferencias".

Trabajando en Chrome para Android v71.

No logré que ninguna de estas soluciones funcionara. Sin embargo, encontré una solución que sí funciona.

Primero, encuentra la URL de CSS. En mi caso, se veía así:

/min/assets/css/style.min.css

Escríbelo en el campo de dirección, pero también añade una variable GET:

/min/assets/css/style.min.css?hello

Esperemos que la variable GET sea aceptada. Como es una nueva URL, obliga a recargar el CSS. Ahora, vuelve al sitio y el CSS debería haber sido recargado.

En mi tableta Samsung navegando con Chrome, escribe esto en la barra de direcciones:

javascript:location.reload(true)

Eso debería activar una recarga completa usando Javascript. Ahora no tengo que esperar días para observar los resultados de un cambio de código que hice. Un nuevo problema es que escribir en una tableta no es mi cosa favorita.

En lugar de escribir el comando anterior también intenté cambiar al modo de escritorio y luego volver. Eso no actualizó profundamente.

En el menú de la página web, solicita la versión de escritorio del sitio web. Se extraerán datos del servidor y la página se recargará. Después de eso, puedes volver a la versión móvil una vez más.

Necesito una forma de limpiar la caché actual o toda la caché del mismo dominio de origen a través de JavaScript, para asegurarme de que la actualización de mi aplicación web se realice sin errores.

Tampoco tuve éxito al cambiar temporalmente las etiquetas meta de caché en el encabezado HTML.

Solo en desktop y no automatizable: Ctrl + R. Solía funcionar para forzar la recarga y limpiar la caché. Ahora tienes que presionar Ctrl + Shift + R o Shift + F5.

Escribí mi propia solución alternativa de forceReload() que funciona en Windows Chrome, Chrome para Android y Chromium:

window.forceReload = function() {
    if (!window.fetch) return document.location.reload(true);
    var els = document.getElementsByTagName("*");
    for(var i = 0 ; i < els.length ; i++){
        var src = "";
        if (els[i].tagName == "A") continue;
        if (!src && els[i].src) src = els[i].getAttribute("src");
        if (!src && els[i].href) src = els[i].getAttribute("href");
        if (!src) continue;
        fetch(src, {cache: "reload"});
    }
    return document.location.reload(true);
};

Esta función solo recargará el contenido que se ha cargado en la página actual. Puedes activarla una vez en cada cliente después de que las nuevas actualizaciones estén en el servidor, o simplemente agregar un botón de actualización funcional en tu aplicación.