How does FullStory work?

Si vous avez déjà construit ou modifié un site web, alors vous avez vu HTML. Les balises en HTML (par exemple, ) génèrent ce qu'on appelle des éléments du modèle d'objet de document (éléments DOM, en abrégé). Les styles appliqués à ces éléments (taille, couleurs, bordures, images de fond, etc.) sont définis par les feuilles de style en cascade, ou CSS. Les sites dynamiques (souvent appelés AJAX) fonctionnent en exécutant du code en Javascript pour manipuler ces éléments en réponse aux interactions des utilisateurs. Nous avons réalisé que si nous enregistrons tous les éléments DOM, ainsi que leurs styles CSS associés, alors nous pouvons reproduire une page web statique avec précision. Ensuite, si nous pouvons enregistrer tous les changements de la page, nous pouvons reproduire une page web dynamique tout aussi précisément. C'est exactement ce que fait FullStory.