标签: html5-appcache

我正在尝试构建一个利用HTML5 App Cache的单页应用程序,它将为每个不同的URL缓存一个全新版本的应用程序,因此我必须将所有人重定向到/我的应用程序之后路由它们(这是使用的解决方案)在devdocs.io).

这是我的nginx配置.我希望所有的请求发送一个文件,如果存在的话,重定向到我的API在/auth和/api,和重定向所有其他请求的index.html.为什么以下配置导致我的浏览器说有重定向循环？如果用户点击位置块#2并且他的路线与静态文件不匹配,他将被发送到位置块#3,它会将他重定向到"/",它应该击中位置块#1并提供index.html,对吗？导致重定向循环的原因是什么？有没有更好的方法来实现这一目标？

root /files/whatever/public;
index index.html;

# If the location is exactly "/", send index.html.
location = / {
    try_files $uri /index.html;
}

location / {
    try_files $uri @redirectToIndex;
}

# Set the cookie of the initialPath and redirect to "/".
location @redirectToIndex {
    add_header Set-Cookie "initialPath=$request_uri; path=/";
    return 302 $scheme://$host/;
}

# Proxy requests to "/auth" and "/api" to the server.
location ~* (^\/auth)|(^\/api) {
    proxy_pass http://application_upstream;
    proxy_redirect off; …

服务工作者和AppCache之间的核心区别是什么.每个人的优缺点是什么,何时优先选择另一个人.

是否可以创建一个预先填充了HTML5离线appcache的UIWebView,这样即使是用户第一次访问UIWebView,它也可以脱机工作？

如果是这样,怎么样？

我知道我可以通过其他机制实现这一目标,但以上是我的首选.如果可能的话,我只是很好奇.

我在文档中看不到任何相关内容.

编辑:我不得不删除一些链接.

我的清单页面似乎在我的网页上造成错误.当您第一次进入该页面时,所有内容似乎都会成功缓存,但在刷新时无法获取存在的文件.

我在这里做了一个快速测试页面.

这是我的清单文件.

这是一个非常动态的网站,通过php和javascript,我没有太多的appcache与这些因素,所以我不确定这个问题是否与这么多内容必须有条件地设置的事实有关.

任何帮助将不胜感激.注意:将需要Java控制台(最好在Chrome中使用).

更新:似乎如果任何文件与链接到清单文件那么多,它会收到GET错误.

在Java的控制台被连接到一个空的清单页面(同时上线)读取以下,成功后的缓存:

> Creating Application Cache with manifest
> https://www.url.org/text/cache-manifest/manifest.appcache Application
> Cache Checking event Application Cache Downloading event JQMIGRATE:
> Logging is active Application Cache Progress event (0 of 0)
> Application Cache Cached event  GET
> https://www.domain.org/images/backgrounds/gradient.png net::ERR_FAILED
> GET https://www.domain.org/javascripts/pop_ups.js?_=1393453024093 GET
> https://www.domain.org/javascripts/jquery_plugins/jquery.placeholder.js?_=1393453024094

温暖.

我的Meteor应用程序运行正常,但在进行了一些更改和重新部署之后.

在fiefox中有一个无尽的重新加载在android中似乎在更新应用程序后也无法连接(也是无休止的重新加载).

我试图在节点配置中设置DDP_DEFAULT_CONNECTION_URL,但它没有帮助.在我的测试系统上,应用程序运行在NGINX服务器之外.

清理appcache对firefox有帮助(我正在使用AppCache插件)并且在android上清理应用程序的数据也有帮助.

这是否发生在其他人身上？我们怎么解决这个问题？

谢谢.

===更新:在Chrome中,可以看到以下异常:

Document was loaded from Application Cache with manifest http://xxxxxx/app.manifest
list:1 Application Cache Checking event
list:1 Application Cache NoUpdate event
list:1 Application Cache Checking event
list:1 Application Cache NoUpdate event
Uncaught Error: Two migrations in progress?

....

===更新2:

在调查这个问题之后,我遇到了很多关于流星上无休止的重载和appcache的类似问题:

• 流星无限重定向而不是渲染404
• https://meteor.hackpad.com/Hot-Code-Push-design-notes-9o22fy6gruu
• https://github.com/meteor/meteor/issues/2261
• 流星无限重定向而不是渲染404
• https://github.com/meteor/meteor/issues/4722

===更新3:

这是当前的日志:

Application Cache Checking event
Checking for manifest
Application Cache NoUpdate event
No cache updates
Navigated to http://xxxxxxx/
Document was loaded from Application Cache with manifest http://xxxxxxx/app.manifest …

经过多篇文章后,我仍然不清楚Local Storage和App Cache Manifest之间的区别.

另请参阅:AppCache = Application Cache = Web Storage的LocalStorage吗？(SO 10986026),应用程序缓存是一个Douchebag(A List Apart)

我的目标是建立一个网站,根据用户需求,允许用户离线访问特定页面.

遵循的步骤:

• 我在Chrome上开了一个网站:http://www.spritecow.com/
  并检查了AppCache:chrome:// appcache-internals/
  并且该网站已被缓存.

• 我关闭了Chrome并重新加载了它.缓存仍在那里.我正是离线浏览所需要的

• 现在这与本地存储有什么不同？试图找到差异,但所有网站都有目的地回答,即模板缓存的AppCache和模板内容的本地存储.

• 某些站点不喜欢AppCache,因为它会为单行更改重新加载整个缓存.某些网站只选择本地存储.有些人会选择AppCache(模板)和Localstorage的组合.

现在的疑问是:

• 客户端计算机上的本地存储.如果即使浏览器关闭我仍然可以访问它,AppCache存储是如何不同的.

• 由于清除缓存将清除AppCache然后我只去本地存储.

• 离线浏览的最佳做法是什么？我对此完全陌生,需要一点清晰

编辑

链接没有回答这个疑问(是AppCache = Application Cache = Web Storage的LocalStorage吗？),因为这给出了差异,但不是基于离线浏览实践的目的(这是这个疑问的目的).

我正在使用AppCache以启用Web应用程序的离线访问.问题是,每次我对JavaScript进行更改时,我都需要对清单进行更改(以便触发重新下载缓存字段).现在我知道在FireFox中您可以禁用AppCache(事实上,当您第一次访问该页面时会提示您是否授予网站本地存储数据的权限),这使得开发更方便.

我的问题是铬和野生动物园有类似的选择吗？我知道我可以通过chrome:// appcache-internals /查看/编辑Chrome中的AppCache,我正在寻找的是一种禁用它的方法.

谢谢

我不明白HTML5 AppCache的意义.我们已经有了正常的缓存.如果您第一次访问网站时它已经缓存了所有资产.AppCache提供了什么额外的价值？它只是一个文件列表,以便浏览器知道要下载哪些资产,即使它们现在没有被HTML引用？浏览器是否确保缓存是"全有或全无",即是否确保清单引用的所有内容都被缓存,或者什么都没有？

该应用程序
我有一个Web应用程序,当前使用AppCache进行离线功能,因为系统用户需要离线创建文档.该文档首先是离线创建的,当互联网访问可用时,用户可以单击"同步",将文档发送到服务器并将其另存为修订版.更具体地说,应用程序不会将更改增量保存为修订版(修改的确切字段),而是保存整个文档的全部内容.换句话说,保存了"快照"文档.

问题
用户可以从不同的浏览器和设备登录并处理他们的文档.当他们单击"同步"时,如果服务器的文档较新,则整个客户端的版本将被服务器覆盖.这导致一个主要问题,如下图所示.

上面的场景是因为当前的实现不依赖于增量(小的更改)而是依赖于快照修订.

一些问题

1)我的研究表明,我应该将"同步"机制升级为以增量表示(可以独立应用的小变化).这是一个合理的方法吗？

2)每个delta应该独立应用吗？

2)根据我的研究,修订增量有一个数值而不是时间戳.它的价值应该是什么？我如何确保服务器和客户端都同意修订号应该是什么？

堆栈信息

• 前端的角度
• IndexedDB在本地保存文档(离线模式)
• Postgres DB在后端使用JSONB

HTML5应用程序缓存是否与浏览器缓存不同？如果是这样,在哪些方面,它是不同的,这个机制如何工作？并告诉我如何使用AppCache我们可以提高浏览性能.还讨论HTML5 AppCache的优缺点(其到期和存储大小限制等),??