Javascript 创建一个"；“保存以供脱机阅读”；按钮_Javascript_Html_Mobile_App Offline.htm

Javascript 创建一个"；“保存以供脱机阅读”；按钮

javascript html mobile

Javascript 创建一个"；“保存以供脱机阅读”；按钮,javascript,html,mobile,app-offline.htm,Javascript,Html,Mobile,App Offline.htm,因此，我正在探索创建HTML5移动应用程序的不同方法。试图避免移动框架和复杂的API，如Sencha和Titanium。我的一个想法是利用“保存为脱机阅读”功能。是否有可能创建一个按钮，用户可以点击它来实现这一点假设这是可能的： -是否使用JavaScript启用此功能？ -是否可以联机连接到db 整个要点是获得类似的效果，就好像您的comp上有一个希望在浏览器中打开的.html文件一样。它将离线，但可以运行JavaScript，加载外部文件。如何在移动设备上实现这一点？将任何内容保存到脱机状

因此，我正在探索创建HTML5移动应用程序的不同方法。试图避免移动框架和复杂的API，如Sencha和Titanium。我的一个想法是利用“保存为脱机阅读”功能。是否有可能创建一个按钮，用户可以点击它来实现这一点

假设这是可能的： -是否使用JavaScript启用此功能？ -是否可以联机连接到db

整个要点是获得类似的效果，就好像您的comp上有一个希望在浏览器中打开的

.html

文件一样。它将离线，但可以运行JavaScript，加载外部文件。如何在移动设备上实现这一点？

将任何内容保存到脱机状态的唯一方法是使用应用程序缓存。在html页面上启用应用缓存后，您可以加载其他文件，但决定缓存内容和不缓存内容的是来自服务器的清单文件

我编写了一个小库，可以从页面复制任何脚本和图像，并将其保存到localstoage。您仍然需要启用应用缓存，但它允许您动态选择脱机保存的内容。本地存储有5 MB的限制，因此如果您有图像要保存，则不会太多。（）


...
var offline=new offline（）；//选项：{document:myDocFragment，useThreads:false}
if（navigator.onLine）
{
offline.prime（）
}
其他的
{
离线。激活（）
}

<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>