그래서 HTML5 모바일 앱을 만드는 다양한 방법을 모색 중입니다. Sencha 및 Titanium과 같은 모바일 API와 복잡한 모바일 프레임 워크를 피하려고합니다. 내가 가진 한 가지 아이디어는 "오프라인 읽기 용 저장"기능을 사용하는 것입니다. 사용자가 클릭 할 수있는 버튼을 만들 수 있습니까?"오프라인 읽기 용 저장"버튼을 만듭니다.
가능하다고 가정하면 -이 기능을 자바 스크립트로 사용 하시겠습니까? - 온라인으로 db에 연결할 수 있습니까?
전체적인 요점은 브라우저에서 열리고 싶은 .html 파일이있는 것처럼 보입니다. 그것은 오프라인이지만 javascript를 실행하고 외부 파일을로드 할 수 있습니다. 모바일 장치에서 이것을 어떻게 chieving 할 수 있습니까?
오프라인 용으로 저장하는 유일한 방법은 앱 캐시를 사용하는 것입니다. html 페이지에서 앱 캐시를 사용하도록 설정하면 다른 파일을로드 할 수 있지만 캐시 된 내용과 그렇지 않은 내용을 결정하는 서버에서 가져온 매니페스트 파일입니다.
페이지의 모든 스크립트와 이미지를 복사하여 localstoage에 저장하는 작은 라이브러리를 작성했습니다. 앱 캐시를 사용 설정해야하지만 오프라인으로 저장할 항목을 동적으로 선택하게합니다. 로컬 저장 장치에는 5MB의 제한이 있으므로 저장할 이미지가 있으면별로 없습니다. (https://github.com/puppybits/Offline.js)
<html manifest="appcache.manifest">
<body>
...
</body>
<script type="application/javascript" src="offline.js">
<script>
var offline = new Offline(); // options: {document: myDocFragment, useThreads: false}
if (navigator.onLine)
{
offline.prime()
}
else
{
offline.activate()
}
</script>
</html>