Получить html страницы, обработанной javascript (после взаимодействия с ней)

Я хочу, чтобы сохранить состояние html-страницы после того, как я общался с ней.

Скажем, я нажимаю флажок, или javascript устанавливает значения различных элементов.

Как сохранить страницу с поддержкой javascript?

Спасибо.

Ответ 1

Это должно делать и будет захватывать страницу ALL не только тела

console.log(document.getElementsByTagName('html')[0].innerHTML);

Ответ 2

В Chrome (и, по-видимому, Firefox) есть специальный метод copy(), который копирует визуализированный контент в буфер обмена. Затем вы можете делать все, что вы хотите, вставив его в предпочитаемый текстовый редактор.

https://developers.google.com/chrome-developer-tools/docs/commandline-api#copyobject

Пример консоли:

copy(document.body.innerHTML);

Примечание. Я заметил, что отчеты Chrome не определены после запуска метода, однако, похоже, что он работает правильно, а нужное содержимое находится в буфере обмена.

Ответ 3

document.body.innerHTML предоставит вам представление HTML текущего тела документа.

Это не обязательно будет включать все внутренние состояния объектов DOM, поскольку HTML содержит начальное состояние объектов по умолчанию, не обязательно состояние, в которое они могут быть изменены. Единственный способ гарантировать, что вы получите все это состояние, чтобы составить список состояний, которые вы хотите сохранить, и на самом деле программно получить это состояние.

Чтобы ответить на часть вашего вопроса о ее сохранении, вам нужно больше описать, какую проблему вы действительно пытаетесь решить.