问题标签 [offline-browsing]

我用jquery mobile创建了一个网站，效果很好，现在对于管理部分，我想建立一个离线页面，管理员可以离线保存数据，当他上线时，会有一个按钮说，“同步到服务器”，它将离线存储的内容同步到在线数据库。

我知道如果我有本机应用程序是可能的，但是由于我目前有 jquery 移动 webapp，我想用它构建一些解决方案，我尝试对其进行研究，但是每个选项都建议使用本机应用程序的方式来执行此操作。

有什么方法可以在 webapp 上实现这一点并在 webapp 中与数据库通信？

在处理 XHR 请求时，我发现从 2 个主要浏览器（谷歌的 Chrome 和 Mozilla 的 Firefox）发出 XHR 请求很有趣。请求是简单的HEAD请求www.google.ba：

在没有连接的情况下尝试发出 XHR 请求后，我会在两个浏览器上获得 readyState 4 和 status 0。在我重新连接后 - 从两个浏览器发出 XHR 请求都成功了。

但事情是这样的，在我再次断开连接并发出请求后，Chrome 在 9 毫秒后返回了 readyState 4 和状态 0，但 Firefox 停留在某种挂起状态并等待网络返回。当我在 13 秒后重新连接时，请求已成功处理。即使在 13 秒后，我也没有在 Firefox 上获得状态 0。有没有人可以解释这些巨大的差异以及如何在 Firefox 上防止这种行为？

来自 Chrome 的屏幕截图：

火狐的截图：

编辑：

似乎 Firefox 无法检测到离线模式，只有当我work offline在浏览器中选择时，我才能得到与 Chrome 相同的结果。有没有办法获得与 Chrome 相同的结果？

我在服务器端生成一个 html5 缓存清单 xml，我收到 Application Cache Error 事件：Manifest fetch failed (406) 此错误消息在我的控制台中。

我的 html 中有这个标签：

我的控制器方法：

我的 web.xml 中有这个

如果我从浏览器调用控制器方法，则会生成：

缓存清单

缓存：api/view/bestellijstsearchlistview/order/search/template/tags,name,%20customer.naam,orderParts.orderItems.product.description,orderParts.orderItems.product.externalId/page/1/size/500 网络：api/查看/查看/系统/ping *

我必须生成这个文件，我该怎么做？我的解决方案可能有什么问题？

我们目前正在构建一个网络应用程序（Django、Ember），我们刚刚发现我们的大多数潜在客户都需要对应用程序进行零星的离线访问。

我们需要的不仅仅是“呈现”应用程序以便用户可以导航、缓存清单中的内容等等（我想我们最终也会需要），但我们必须让用户尽可能地实际操作，就好像他们是在线的。显然会有一些功能不可用，但应用程序的基本用法应该是可用的。

也就是说，我很想听听以前遇到过这种情况的人的一些想法。在我看来，我们需要：

1.- 检查我们是否经常在线/离线，或者让用户指定他们何时离线（类似于智能手机中的飞行模式）。

2.- 所有数据都应该转储到 IndexedDB 中，从那一刻起，我们将 IndexedDB 用于与数据相关的任何内容。

3.- 当用户重新上线时，同步进程必须尝试将离线用户的数据转储到在线数据库。虽然这看起来很危险，但我不希望有很多用户在其他在线用户使用该应用程序的同时离线，所以我希望这个同步过程不会成为真正的噩梦，我也不期望有竞争条件。

好吧，显然可以选择创建桌面独立应用程序......但我会尽量避免这种情况......

谢谢！

HTML5 支持在线网络存储，这有助于使我们的网站离线工作。但是，离线时如何在通过 LAN 连接的系统之间共享数据？

The requirement is：

如果离线，将有一个集中系统，通过该系统连接特定组的所有系统。一个系统上的任何更新都将反映在该组中的所有系统中。当中心化系统上线时，数据将与remote mysql DB.

如果在线，所有系统将remote mysql DB直接更新，因此始终保持同步。

如何开始使用这样的系统？

有谁知道如何从UIWebview资源中下载 HTML 页面 - 用于离线存储，因此即使没有互联网，用户也可以访问网页。

它应该在没有的情况下实现ASIWebPageRequest，因为ASIWebPageRequest直接从 URL 下载网页。我需要直接从 保存网页UIWebview，以便可以保留用户输入的单选按钮、文本字段等的值，并在以后以相同的状态加载它。

实际上，我正在离线显示调查网页。如果用户在填写一些信息后下载网页，则必须将其保存在该状态。当用户稍后打开应用程序时，他应该会找到上次离开的状态的网页。

欢迎任何建议。请注意，此问题与缓存网页无关。它必须保存在目录中。谢谢。

我正在制作一个允许用户离线登录的网络应用程序，但前提是他们之前已经在线登录过。我遇到的问题是，为了让用户能够离线登录，我需要缓存我的登录页面。如果我这样做，缓存会在用户登录之前更新，并且因为我的服务器将未经身份验证的用户重定向到登录页面，所有缓存的页面最终都是登录页面的副本。

当我看到另一篇将会话 ID 作为参数传递给清单 url 的帖子时，我有希望，但在我的情况下，它没有帮助，因为它仍然在登录之前下载缓存。考虑到我的用户可能会打开登录页面在线时，但只有在离线时才延迟登录。

我需要一种方法来停止特定页面（例如我的登录页面）中的缓存更新，而无需将我的登录页面从我的清单中取出。我已经尝试了以下代码，但所有页面都被下载了：

当应用程序失去/重新获得网络连接时，是否有一个原生 Angular2 事件来通知？

还是 window.navigator.online / offlinejs 的包装器？

如何通过我的应用在我的设备上本地打开一个 pdf 文件？我使用 window.open 尝试打开 pdf，但它不起作用。还有另一种方法可以实现这一目标吗？

顺便说一句，我正在使用 AppPresser 的离线功能来完成这项工作。我有单独的 html 页面离线工作，我只是无法在这些页面中打开 pdf 文件。

谢谢！

我正在考虑编写一个可以让您从 StackOverflow 下载数据的应用程序。有一个警告：我想下载包含指定关键字的数据。例如：如果您搜索“如何在 Java 中实现接口？” 您会收到搜索功能返回的问题，这些问题将被下载以供离线查看。

我的问题是：这甚至可以使用 StackExchange API 吗？/questions 有一个 get 方法，questions{id} 有一个 get 方法。但是我在 API 文档中的任何地方都找不到用于搜索功能的 get 方法。

有人知道更多吗？