Могу ли я захватить и сохранить текущее состояние веб-страницы с помощью JavaScript

Question

Мне нужно получить все содержимое страницы с помощью javascript и отправить его на серверный скрипт для его сохранения. Я хочу сделать это после того, как пользователь внес некоторые изменения в страницу, используя AJAX и другие инструменты javascript. Я не хочу состояния определенных элементов. Я хотел бы получить все внутри тега body, чтобы передать его на серверный скрипт. Я пробовал getelementbyid и т. Д., Но кажется, что страница зациклена и вылетает.

Спасибо

Answer 1

Попробуйте следующий код:

var body = document.getElementsByTagName("body");
var bodycontent = body[0];

Затем используйте bodycontent.innerHTML, чтобы получить его содержимое. Если я не ошибаюсь, он должен предоставлять текущее содержимое тела после любых изменений javascript, которые были в него внесены.

Answer 2

Это должно работать просто так:

javascript: document.body.innerHTML;

jquery: $ ("body").innerHTML

Answer 3

Конечно, можете, если хотите. Там есть элемент дерева DOM под названием «документ», содержащий весь документ. В большинстве библиотек есть способы перевода дерева DOM в HTML; применение этого к узлу document должно сделать всю работу.

Немного взломав длинные строки, вы попадете на правильный путь.

Но вам действительно нужно это сделать? Почему?