폰갭에있는 AppCache 및 jQuery를 모바일

Question

나는 최근에 내 appname.appcache 내용을 설정

: 나는 폰갭의 config.xml 파일에서 내가 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. 

로 이동하면

# 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 

이제 MANIFEST CACHE :

를

<access origin="*"/> 

이렇게하면 실제 모바일에서 실행할 때 문제가 해결됩니다. 장치. Chrome에서이 오류가 발생하는 이유는 무엇입니까? Firefox에서는 파일 저장 권한을 요청하여 정상적으로 실행됩니다.

appCache은 phonegap?으로 빌드 된 응용 프로그램의 성능을 향상시킵니다. 하드웨어에서 이미 사용할 수있는 캐싱 리소스가 더 빠르게 작업 할 수 있습니까? HD에있는 것보다 캐시에있는 내용이 정말 빨리 처리된다는 것을 알고 있습니다. 따라서이 경우 appCache 기능이 사용됩니다.

Answer 1

나는 또한 동일한 오류가 발생 했었지만, 내 경우에는 HTTP 및 캐싱 리소스에서 내 파일을 실행하고 있었기 때문에 https가 동일한 원본이 아니기 때문에 발생했습니다. 그런 종류의 문제가있는 경우이 문제를 조사 할 수 있습니다.

Answer 2

정말 답이 아니라 내 문제를 해결하는 데 올바른 방향으로 나를 안내해 주셔서 감사합니다. (비슷한 문제가있는 사람에게 도움이 될 수 있도록 여기에 게시 - 댓글을 추가하려고했지만 텍스트가 너무 깁니다.)

건물의 앱 웹 버전에 캐시 매니페스트를 사용하고 있었는데 그러나 PhoneGap 빌드를 고려하지 않았습니다. "appCache는 phonegap으로 구축 된 애플리케이션의 성능을 향상 시키나요?"라고 묻습니다. 적어도 나를 위해, 대답은 크게 대답합니다.

팝업 콘텐츠에 RoyalSlider 갤러리가 포함되어있는 경우를 제외하고 magnificPopup을 사용하여 ajax 유형의 팝업을로드하고 있습니다 (전화/기기가 오프라인 일 때도 모두 정상적으로 작동 함). magnificPopup의 매우 유용한 Ajax 콜백 덕분에)하지만 DOM에 추가하지는 않습니다. 그 이유는 정확히 모르겠지만 문제는 RoyalSlider의 코드 어딘가에 있다고 생각합니다. 아마도 온라인이라고 생각되는 리소스를 찾고있을 것입니다. 하지만 어쨌든 캐시 매니페스트를 구현하면 완전히 문제가 해결되었습니다. 감사.