我一直在阅读 HTML in action 这本书，在第 5 章中，它展示了如何创建可以离线运行的移动应用程序。我唯一的疑问是:我可以对整个页面执行此操作吗？你能给我一个简单但完整的例子来说明如何做吗？
提前致谢。
最佳答案
有点疯狂，但你可以这样做:
var htmlContents = document.documentElement.innerHTML;
localStorage.setItem('myBook', JSON.stringify(htmlContents ));
从那里你可以随时调用它..
localStorage.getItem('myBook');
当然，最好是获取实际的书籍内容而不是整个页面!
还有至于你以后想用这个做什么。好吧，它只在您的浏览器中..所以只有您可以访问它。 对于 appCahce 方法，基本上您将告诉访问浏览器您希望存储在缓存中的文件，以便在用户离线时可以使用它们。
这需要在HTML属性中定义:
<html manifest="offline_book.manifest">
此 offline_book.manifest 将包含要存储在缓存中的文件列表。
CACHE MANIFEST
/book_index.html
/another_book.html
/maybe_some_style.css
这样，当用户返回此页面时(离线)，他们将拥有您列出的图书的缓存版本。
appCache 细节的优秀资源:Offline Webpages
关于javascript - 如何使用 `localStorage` 来存储整个页面？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30847063/