javascript - 从 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)从本地存储恢复

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