¿Cómo funciona FullStory?

Si alguna vez has construido o modificado un sitio web, entonces has visto HTML. Las etiquetas en HTML (por ejemplo, ) generan lo que se llaman elementos del Modelo de Objeto de Documento (elementos DOM, en resumen). Los estilos aplicados a estos elementos (tamaño, colores, bordes, imágenes de fondo, etc.) son definidos por Hojas de Estilo en Cascada, o CSS. Los sitios dinámicos (a menudo referidos como AJAX) funcionan ejecutando código en Javascript para manipular estos elementos en respuesta a las interacciones del usuario. Nos dimos cuenta de que si grabamos todos los elementos DOM, junto con sus estilos CSS asociados, entonces podemos reproducir una página web estática con precisión. Luego, si podemos grabar todos los cambios en la página, podemos reproducir una página web dinámica con la misma precisión. Así que eso es exactamente lo que hace FullStory.