Como o FullStory funciona?

Se você já construiu ou modificou um site, então você já viu HTML. As tags em HTML (por exemplo, ) geram o que são chamados de elementos do Modelo de Objeto de Documento (elementos DOM, para abreviar). Os estilos aplicados a esses elementos (tamanho, cores, bordas, imagens de fundo, e assim por diante) são definidos por Folhas de Estilo em Cascata, ou CSS. Sites dinâmicos (frequentemente referidos como AJAX) funcionam executando código em Javascript para manipular esses elementos em resposta às interações do usuário. Percebemos que, se registrarmos todos os elementos DOM, juntamente com seus estilos CSS associados, então podemos reproduzir uma página web estática com precisão. Então, se pudermos registrar todas as mudanças na página, podemos reproduzir uma página web dinâmica com a mesma precisão. Então é exatamente isso que o FullStory faz.