Создайте мышиный рекордер, такой как Clicktale и Crazy Egg

Question

Я хочу создать свой собственный трекер мыши, такой как Clicktale и Crazy Egg. Отслеживание движений мыши и прокрутка не должны быть слишком сложными. Но как насчет всех изменений в документе (HTML, ввод и выбор).

Есть ли простой способ записать все действия JavaScript на сайте. Таким образом, я могу сохранить действия, а затем повторить их, когда захочу повторить действия посетителя?

Или как-то записать все изменения, внесенные в документ (сохранение innerHTML каждый раз, когда есть изменение, вероятно, не вариант).

Запись должна быть связана со временем.

Когда запись будет завершена, будет AJAX-запрос, который копирует страницу и вставляет в нее новый Javascript, чтобы можно было смотреть ...

Answer 1

Прежде всего, я хотел бы сказать, что, хотя задача, которую вы описываете, звучит довольно легко, на самом деле она намного сложнее, когда вы в нее копаетесь. Я должен знать, так как я потратил почти 3 года на создание таких вещей, как эта работа, и хорошо работаю для моей компании Ehavior.

Вы можете использовать события мутации DOM для мониторинга изменений в дереве DOM. Я думаю, это даст вам то, что вы просите. Однако вы должны знать, что события мутации доступны только в новых браузерах.

Надеюсь, это все еще полезно для вас, даже если ваш вопрос немного устарел: -)