G14. Gestión de incidencias visuales en móvil derivadas de caché o entorno

1. Descripción general del problema

En entornos móviles pueden reportarse anomalías visuales puntuales relacionadas con la presentación de la interfaz, tales como:

• Superposición aparente entre bloques

• Desalineaciones visuales

• Elementos que no se muestran

• Comportamientos responsive inconsistentes

Estas incidencias pueden manifestarse únicamente en determinados dispositivos, versiones de sistema operativo o navegadores, sin que exista necesariamente un error estructural en el código actual desplegado en producción.

Es importante diferenciar entre:

• Error real de maquetación (layout bug)

• Problema derivado del entorno del usuario (caché, renderizado, configuración)

2. Causa general más frecuente

La causa más habitual en estos casos es el uso de recursos cacheados en el navegador móvil.

Los navegadores móviles almacenan localmente:

• Hojas de estilo CSS

• Archivos JavaScript

• Recursos minificados

• Assets estáticos

Cuando se realizan cambios en producción, el dispositivo puede seguir utilizando versiones anteriores almacenadas en caché, generando discrepancias visuales entre:

• Entorno limpio

• Modo incógnito

• Navegador con caché persistente

Esto puede producir conflictos aparentes que ya no existen en el código actual.

3. Indicadores de incidencia por caché

Una incidencia puede clasificarse como derivada de caché cuando:

• No se reproduce en modo incógnito.

• No se reproduce en otro dispositivo limpio.

• No se detectan conflictos reales en DevTools.

• No existe error estructural en el CSS actual.
  

  Comparar modo normal vs modo incógnito

  Si, en modo incógnito funciona y en modo normal falla. El CSS cargado no es el mismo → problema de caché.

• El comportamiento es inconsistente según navegador o sesión.

El modo incógnito actúa como entorno aislado sin uso de caché previa.

4. Consideraciones técnicas relevantes

• Cerrar el navegador no elimina la caché.

• Reiniciar el dispositivo no elimina la caché.

• En iOS, la caché se mantiene hasta borrado manual o expiración.

• Safari puede conservar recursos incluso tras actualizaciones de CSS si no hay invalidación correcta.

Por este motivo, una incidencia visual aislada no debe clasificarse automáticamente como bug activo.

5. Procedimiento de verificación

Ante una incidencia visual en móvil:

1. Reproducir en modo incógnito.

2. Reproducir en otro dispositivo.

3. Verificar ausencia de conflicto real en CSS.

4. Revisar cabeceras de caché (cache-control, versionado de assets).

5. Solicitar limpieza de caché al usuario si procede.

6. Clasificación de la incidencia

Si se dan estos supuestos:

• El comportamiento no se reproduce en entorno limpio.

• No existe error estructural.

• Se confirma dependencia de sesión o navegador.

La incidencia debe clasificarse como:

Problema derivado de caché o entorno del usuario, no bug activo en producción.