【问题标题】:Best methods for developing offline-capable mobile web applications开发具有离线功能的移动 Web 应用程序的最佳方法
【发布时间】:2011-11-09 05:52:15
【问题描述】:

我很想知道您对构建可离线移动网络应用程序以向最终用户提供最佳用户体验的最佳方法的想法。

最终产品应使用 localstorage 和 appcache,但对用户完全透明(即对于缓存清单,如果用户在下载所有内容之前离开页面,则重新启动缓存)。

是提供此功能的唯一方法吗?例如在 Backbone.js 上构建它并拥有一个可以在后台异步进行下载的单页应用程序?

您还遇到过哪些其他框架/技术?

【问题讨论】:

  • backbone 没有为离线应用做任何特别的事情。这一切都在清单和本地存储中。
  • 没错,但是 Backbone 允许您将整个网站放在“一页”中,让您可以在后台执行本地存储下载,而不管用户的操作如何。
  • backbone 是本地存储之上的抽象。是结构。它只是一个图书馆(一个该死的好图书馆),但你不需要它。您可以使用 DOM 手动完成
  • 是的,也许我应该改写我的问题,因为我提到骨干是用于执行此操作的工具的示例。寻找执行此操作的最佳方法(即,可能是一种在后台缓存内容而无需路由单个页面和 hashbangs 的方法)。

标签: html mobile-website backbone.js local-storage offline


【解决方案1】:

让我们看看,离线网络应用?我认为有两件大事是:

  • 本地存储带有数据 URI 的嵌入式图像
  • (http://css-tricks.com/5970-data-uris/) 嵌入
  • 页面中的 Javascript/样式表(没有外部文件
    网站所需)

它们共同构成了一款非常可靠的离线应用,无需互联网连接即可运行。

【讨论】:

  • 我认为与其在页面中保留所有 Javascript/样式表,不如使用清单。
  • 唯一的问题是当应用程序变得相当大和复杂时(使用内联 JS 和 CSS 使其难以使用)。我现在几乎已经构建了该应用程序,但仍然遇到其他人也遇到的离线启动问题 - 请参阅:stackoverflow.com/questions/6062429/…
猜你喜欢
  • 2016-01-14
  • 1970-01-01
  • 2013-08-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多