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