application cache에 대해서 질문이 있습니다.

Question

저는 홈페이지를 웹앱처럼 만들어서 포트폴리오로 활용하려고 합니다.

그래서 홈페이지를 구성해서 미디어쿼리를 적용 후 모바일과 패드, 모니터로 보여지는 화면을 설정하였습니다.
그리고 iOS에서는 '홈 화면에 추가시 전체화면', '상태바 색상 검정으로 변경', '홈 화면 추가시 아이콘 설정', 'Startup image' 적용을 하였습니다.

Startup image의 경우 아이패드에서는 제대로 작동이 안되지만 (왜 그러는지 모르겠네요;;; 용량이 너무 커서 읽는데 속도가 걸리는 것인가;) 나머지들은 정상작동이 됩니다.

이번엔 offline에서도 홈페이지를 보여지게 하기 위해서 검색하던 중 application cache라는 것에 대해서 알게되었습니다.

그래서 파일들을 적용을 하고 iPhone의 safari를 통해서 오프라인에서 제대로 작동이 되는지 확인하려고 했습니다. (물론 컴퓨터의 브라우져를 사용해서는 잘 됩니다.)

헌데 아이폰과 아이패드로 할 때엔 (Airplane 모드, wifi off모드)

모바일 사파리의 경우 '인터넷이 연결되지 않아 페이지를 표시할 수 없습니다'라는 경고와 함께 접속이 불가능 하고
홈화면에 추가한 것도 역시 접속이 되지 않으면서 홈화면으로 갈 건지 다시 읽을건지의 선택경고문이 나옵니다.

어찌하면 오프라인에서 iOS기기를 통해 접속할 수 있을까요?

(이건 테스트용으로 쓰고 있는 샘플 페이지 입니다. http://hanqsun.com/test.html )

도움 부탁드립니다. ㅠㅠ