Obtenez le html de la page javascript (après avoir interagi avec lui)

Je voudrais pouvoir enregistrer l'état de la page html après avoir interagi avec elle.

Disent que je clique sur une case à cocher, ou javascript définit les valeurs de divers éléments.

Comment puis-je enregistrer la page "javascript-rendu"?

Merci.

Cela devrait faire et prendra la page ALL, pas seulement le corps

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

Dans Chrome (et apparemment Firefox), il existe une méthode de copie spéciale () qui copiera le contenu rendu au presse-papiers. Ensuite, vous pouvez faire ce que vous voulez en le collant à votre éditeur de texte préféré.

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

Console Exemple:

Copier (document.body.innerHTML);

Remarque: J'ai remarqué que les rapports de Chrome non définis après la mise en marche de la méthode, mais il semble qu'il s'exécute correctement et que le bon contenu se trouve dans le Presse-papiers.

document.body.innerHTML vous procurera la représentation HTML du corps actuel du document.

Cela n'inclurera pas nécessairement l'état interne des objets DOM car le code HTML contient l'état par défaut initial des objets, pas nécessairement l'état dans lequel ils ont été modifiés. La seule façon de vous garantir que vous obtenez tout cet état est de faire une liste de l'état que vous voulez enregistrer et, en fait, de programmer ce statut.

Pour répondre à la partie de votre question sur la sauvegarde, vous devrez décrire plus en détail le problème que vous essayez vraiment de résoudre.