帶有PhoneGap和Jquery mobile的AppCache

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

現在，當我導航到i 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的config.xml文件中：

<access origin="*"/> 

當在真正的移動設備上運行時，這是否也解決了問題。 為什么我僅在Chrome上出現此錯誤。 在Firefox上，通過請求存儲文件的權限，它可以正常運行。

appCache是否appCache提高使用phonegap?構建的應用程序的性能phonegap? 。 緩存硬件上已經可用的資源是否使事情變得更快？ 我知道緩存中的內容比高清中的內容處理得非常快。 因此，在這種情況下使用appCache工具。

Answer 1

我也遇到了同樣的錯誤，但是就我而言，這是由於我在http上運行我的文件，並緩存了https上的資源，因此不在同一個來源。 如果您遇到此類問題，可以進行調查。

Answer 2

並不是真正的答案，但感謝您為我指出了解決自己問題的正確方向。 （在此處發布以防萬一，它可以幫助遇到類似問題的人-我嘗試僅添加評論，但文字太長）

我一直在為要構建的應用程序的網絡版本使用緩存清單，但尚未在PhoneGap構建中使用它。 當您詢問“ appCache是​​否可以提高使用phonegap構建的應用程序的性能嗎？” 至少對我來說，這個響亮的答案是肯定的。

我正在使用magnificPopup加載ajax類型的彈出窗口，一切正常（即使手機/設備處於脫機狀態），但當彈出內容包括RoyalSlider畫廊時除外-這些成功加載了ajax內容（我可以感謝magnificPopup的非常感謝有用的ajax回調），但不會繼續將其添加到DOM中。 我仍然不知道為什么會這樣，我猜測問題出在RoyalSlider的代碼中，也許正在尋找它認為在線的資源？ 但是無論如何，實現緩存清單已經為我徹底解決了這個問題。 謝謝。