2013-05-21 3 views
-5

오프라인으로 실행하려면 웹 앱을 만들고 있습니다. 오프라인 버전을 만들었습니다. 이제 사용자가 클릭하여 오프라인으로 연결되는 링크를 알리려고합니다.사용자가 오프라인 일 때 오프라인 웹 앱을 실행하십시오.

사용자가 온라인 페이지를 탐색하는 동안 어떻게 오프라인 페이지를 캐시 할 수 있습니까 ??

업데이트 :

여기는 온라인 버전에서 사용하는 코드입니다.

setInterval(function() { 
if(!navigator.onLine){ 
$('.status').html('<a href="offline.html">Click here to run offline version</a>'); 
} 
}, 250); 

및 offline.html에는 html 파일과 매니페스트 파일도 포함되어 있습니다.

<html lang="en" manifest="app.manifest"> 

업데이트 2 # 나는 해결책을 직접 얻었다. 해야 할 일은 아래와 같은 온라인 버전에 다음 iframe을 넣는 것입니다.

<body> 
<iframe src="http://site.com/index.php/m/m_offline/" width="0" height="0"></iframe> 

오프라인 버전은 캐시됩니다. 매니페스트 파일을 오프라인 버전에 추가해야합니다. 이 도움이 다른 사람에게도 도움이되기를 바랍니다.

감사합니다.

+0

우리를 보여주는 데 필요한 모든 코드가 필요합니까? –

+0

@ChrisChambers가 (가) 감사합니다. – hiddenpearls

답변

1

나는 해결책을 얻었습니다. 해야 할 일은 아래와 같은 온라인 버전에 다음 iframe을 넣는 것입니다.

<body> 
<iframe src="http://site.com/index.php/m/m_offline/" width="0" height="0"></iframe> 

오프라인 버전은 캐시됩니다. 매니페스트 파일을 오프라인 버전에 추가해야합니다. 이 도움이 다른 사람에게도 도움이되기를 바랍니다.

관련 문제