应用程序缓存与PhoneGap的和jQuery移动

Question

最近，我把我的appname.appcache内容如下：CACHE MANIFEST现在

# 2010-02-10 v1 

CACHE: 
index.html 
test1.html 
test2.html 
# many more project root html files 

#stylesheets 
css/main.css 
css/normalize.css 
css/themes2/jquery.mobile-1.0.min.css 

#gameMessages 
some-folder/name.html 
#many more like this 

#js 
js/vendor/jquery.mobile-1.0.1.min.js 
# a few more files 

，当我浏览到我ndex.html I get an error in google-chrome:

Failed to load resource: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. file:///home/username/Desktop/project-name/test1.html 

XMLHttpRequest cannot load file:///home/user-name/Desktop/project-name/test1.html. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. 

在PhoneGap的的​​3210文件：

当真正的移动运行

<access origin="*"/> 

那么，这是否解决问题设备。我为什么只是在Chrome上收到这个错误。在Firefox上，它运行良好，通过询问存储文件的权限。

而且确实appCache改善与phonegap?构建的应用程序的性能。硬件上的缓存资源是否可以使事情变得更快？我知道缓存上的内容比HD上的内容处理得非常快。因此，在这种情况下使用appCache工具。

Answer 1

我也得到了同样的错误，但对我来说这是由于我正在运行我的，在其上采用https因此不在同一起源的HTTP和缓存资源文件的事实。 如果你有这样的问题，你可以看看它。

Answer 2

不是一个真正的答案，但感谢指着我解决我自己的问题的正确方向。 （这里贴的情况下，它曾经帮助别人有类似的问题 - 我尝试添加只是一个评论，但该文本太长），使用清单为应用我建立的网页版缓存

我一直但没有考虑到它的PhoneGap构建。当你问“appCache是​​否改善了使用phonegap构建的应用程序的性能？”至少对我来说，这个响亮的答案是一个很大的答案。

我使用magnificPopup加载ajax类型弹出窗口，所有工作正常（即使电话/设备处于脱机状态），除了当弹出窗口内容包含RoyalSlider图库时 - 这些成功加载ajax内容（我可以告诉感谢magnificPopup的非常有用的ajax回调），但是他们不会继续添加到DOM中。我仍然不知道为什么，我猜这个问题是在RoyalSlider的代码中的某个地方，或许正在寻找一个它认为是在线的资源？但无论如何，实现缓存清单已经完全解决了我的问题。谢谢。