javascript - 変更された HTML5 ページを localStorage に保存/ロードする

Question

(JS を使用して) 変更された HTML5 ページを localStorage に保存し、このページの次の訪問時にそれをロードすることは可能ですか?

Chrome 拡張機能でページのどこかにタグを設定して、もう一度ロードしようとしました。

Answer 1

うん。

このページでこれを実行することもできます。

1) ページを修正します。

document.querySelector('#hlogo').innerHTML = '<img src="http://upload.wikimedia.org/wikipedia/commons/thumb/a/a7/Siamese_Cat_Cross-Eyed.jpg/1280px-Siamese_Cat_Cross-Eyed.jpg">';

2) ページを保存します。

localStorage['thispage'] = document.querySelector('html').innerHTML;

3) ページを更新します。

4) localStorage から復元する

document.querySelector('html').innerHTML = localStorage['thispage'];