2011-01-03 5 views
2

ipad 오프라인 응용 프로그램을 만들었습니다. Safari는 캐시 매니페스트를 설정했지만 웹 페이지 오프라인 모드를 열면 인터넷에 연결할 수 없다는 메시지를 표시합니다. html 페이지에 필요한 세 파일을 모두 나열했습니다. HTML 페이지 자체, CSS 파일 및 로고 이미지.ipad html5 인터넷 연결 오류를 표시하는 오프라인 응용 프로그램

또한 manifest 파일 이름을 html 태그 및 htaccess 파일에도 설정했습니다.

내가 어디에서 잘못하고 있는지 알려주거나이 문제를 해결하는 방법을 알려 줄 수 있습니까?

사전에

# test1 
CACHE MANIFEST 
/main.html 

감사

<!DOCTYPE HTML> 
<html manifest="/main.manifest"> 
<head> 


<meta name="viewport" content="width=device-width"> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 

<title>Welcome</title> 
<body> 
thsi is test one 
</body> 
</html> 

매니페스트이 .html 코드!

+0

당신은 HTML과 캐시 매니페스트 파일을 게시 할 수 있습니까? – Jon

+0

많은 자바 스크립트 코드가 포함되어 있지 않습니다. 내 서버 지원 .htaccess 'AddType text/cache-manifest .manifest'어떻게 확인할 수 있습니까? – phpian

답변

1

나의 제안은 Dive into HTML5정확히의 지침을 따르는 것입니다. HTML5 오프라인 앱은 매우 "변덕 스러울"수 있습니다. 따라서 어떤 것이 정확하지 않으면 모든 것이 작동하지 않으며 유용한 오류 정보를 얻는 것이 매우 어려울 수 있습니다.

dev 도구가 실제로 없기 때문에 iOS 기기에서 디버그하고 디버그하는 것은 매우 어렵습니다. Chrome을 사용하여 디버그에 성공한 개발자 도구 (특히 저장소 및 콘솔 섹션)에는 사용할 수있는 많은 유용한 정보가 있습니다. Chrome에서 작동하지 않는 경우 진행 상황을 더 쉽게 파악할 수 있어야합니다. Chrome에서는 작동하지만 iOS 기기에서는 작동하지 않는 경우 파일을 Google에 표시해야하므로 더 많은 정보를 얻을 수 있습니다.

+0

문제는 매니페스트 파일 자체에 있습니다. 캐시 매니페스트와 주석의 배치가 적절하지 않습니다. 저는 이것을 뒤집었고 정상적으로 작동합니다. – phpian

1

첫 번째 줄에 문자열로 구성되어야합니다 응용 프로그램 매니페스트 캐시의 "캐시 매니페스트 : 그렇다면, 실제 응용 프로그램에 대한 확인 당신은 아이 패드에 대한 캐시 매니페스트 크기 제한을 초과하지 않은 ". 파일의 첫 번째 문자는 "C"여야합니다. 다른 한편으로는 첫 번째 행에 주석이 달려 있기 때문에 작동하지 않습니다.

구체적 :

문자열 "CACHE"으로 구성되어야 애플리케이션 매니페스트 캐시 단일 U + 0020 SPACE 문자 스트링 "매니페스트", 그리고 첫 번째 행 중 하나 U + 0020 SPACE 문자, U + 0009 문자 탭 문자, U + 000A LINE FEED (LF) 문자 또는 U + 000D CARRIAGE RETURN (CR) 문자 일 수 있습니다. 첫 번째 줄에는 선택적으로 앞에 U + FEFF BYTE ORDER MARK (BOM) 문자를 붙일 수 있습니다. 첫 번째 줄에 다른 텍스트가 있으면 무시됩니다.

"캐쉬 매니페스트"는 "첫 번째 비어있는 줄"이 아니라 "첫 번째 비 주석 줄"이 아닌 "첫 줄"에 있어야합니다. 첫 번째 줄에 있어야합니다.

http://www.w3.org/TR/html5/offline.html#writing-cache-manifests

관련 문제