Esta pregunta es similar a Rastree cuando el usuario presione el botón Atrás en el navegador, pero no es lo mismo ... Tengo una solución y la estoy publicando aquí para referencia y comentarios. Si alguien tiene mejores opciones, ¡soy todo oídos!

La situación es que tengo una página con una "edición en el lugar", a la flickr. Es decir. hay un DIV "haga clic aquí para agregar una descripción", que al hacer clic se convierte en TEXTAREA con los botones Guardar y Cancelar. Al hacer clic en Guardar, se publican los datos en el servidor para actualizar la base de datos y se coloca la nueva descripción en el DIV en lugar de TEXTAREA. Si la página se actualiza, la nueva descripción se muestra desde la base de datos con la opción "hacer clic para editar". Bastante estándar de la web 2.0 en estos días.

El problema es que si:

la página se carga sin la descripción el usuario agrega una descripciónla página se navega fuera de haciendo clic en un enlaceel usuario hace clic en el botón Atrás

uego, lo que se muestra (desde la memoria caché del navegador) es la versión de la página sin el DIV modificado dinámicamente que contiene la nueva descripción.

Este es un problema bastante grande ya que el usuario supone que su actualización se ha perdido y no necesariamente entenderá que necesita actualizar la página para ver los cambios.

Entonces, la pregunta es: ¿cómo puede marcar una página como modificada después de que se haya cargado, y luego detectar cuándo el usuario "vuelve a ella" y forzar una actualización en esa situación?