首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >创建“保存以供脱机阅读”按钮

创建“保存以供脱机阅读”按钮
EN

Stack Overflow用户
提问于 2013-10-23 01:19:10
回答 1查看 374关注 0票数 0

因此,我正在探索创建HTML5移动应用程序的不同方法。尽量避免移动框架和复杂的API,如Sencha和Titanium。我的一个想法是利用“保存以供离线阅读”功能。有没有可能创建一个用户可以点击的按钮来实现这一点?

假设这是可能的:-does此功能启用了JavaScript?-is是否可以连接到数据库联机?

整个要点是为了获得类似的效果,就像您的comp上有一个想要在浏览器中打开的.html文件。它可以离线,但可以运行JavaScript,加载外部文件。我该如何在移动设备上实现这一点呢?

EN

回答 1

Stack Overflow用户

发布于 2013-10-24 12:46:03

保存任何内容以供脱机使用的唯一方法是使用应用程序缓存。一旦在html页面上启用了应用程序缓存,您就可以加载其他文件,但是来自服务器的清单文件决定了缓存的内容和未缓存的内容。

我写了一个小库,可以从页面复制任何脚本和图像,并将其保存到localstoage。你仍然需要启用应用程序缓存,但它让你动态选择要离线保存的内容。本地存储有5MB的限制,因此如果您有要保存的图像,则存储空间不是很大。(https://github.com/puppybits/Offline.js)

代码语言:javascript
运行
复制
<html manifest="appcache.manifest">
  <body>
    ...
  </body>
  <script type="application/javascript" src="offline.js">
  <script>
  var offline = new Offline(); // options: {document: myDocFragment, useThreads: false}
  if (navigator.onLine)
  {
    offline.prime()
  }
  else
  {
    offline.activate()
  }
  </script>
</html>
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19524372

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档