從localStorage存儲/加載修改后的HTML5頁面

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'];