wulin.com의 기사 소개 (www.vevb.com) : html5 오프라인 응용 프로그램 설명은 여기에 많이 말하지 않을 것입니다. Google 또는 Baidu를 부탁드립니다. 이 기사는 오프라인 응용 프로그램 개발 실현 방법을 소개하는 것을 목표로합니다.
오프라인 응용 프로그램에 대한 지침에 대해서는 이야기하지 않겠습니다. Google 또는 Baidu를 부탁드립니다. 이 기사는 오프라인 응용 프로그램 개발을 실현하는 방법을 소개하는 것을 목표로합니다.
1 단계 : 매니페스트 파일을 만들고 캐시 파일 매니페스트를 지정합니다.먼저 txt 텍스트 형식 접미사로 새 파일을 만들 수 있으며 첫 번째 줄은 Cache Manifest에 작성해야합니다.
두 번째 줄은 선택적으로 주석 설명 #version 1.0을 씁니다. 주석은 #로 시작합니다. 이는 버전 번호를 지정하는 것을 의미합니다.
세 번째 줄은 현재 파일 디렉토리와 관련된 파일 경로로 시작합니다.
정적/img/logo.png
정적/css/style.css
기본 매니페스트 파일이 작성 되고이 파일의 접미사가 변경됩니다. 명백한;
2 단계 : HTML 파일에서 문서의 매니페스트 속성을 cache.mnifest 파일의 경로로 지정하십시오.<html manifest = cachedata.manifest>
매니페스트 속성을 추가 한 후 페이지를로드하면 캐시 구성 파일의 파일이 오프라인으로 캐시되고 다시 새로 고침 될 때 서버에서 읽지 않습니다.
3 단계 : API 인터페이스를 통해 캐시를 새로 고침하십시오.JS를 사용하여 Window.applicationCache를 통해 오프라인 캐시 개체를 얻고 업데이트 메소드를 호출하여 현재 캐시 파일의 다운로드를 호출하려면 업데이트 메소드를 호출하십시오. 다운로드가 완료되면 오프라인 캐시 개체의 업데이트 레디 이벤트가 트리거됩니다. 캐시를 지우려면 SwapCache 메소드를 실행합니다. window.applicationCache.SwapCache (). 이로 인해 이전에로드 된 리소스가 갑자기 다시로드되지는 않지만 요청 페이지를 발행 한 리소스가 최신입니다.
위의 세 가지 간단한 단계를 통해 HTML5 오프라인 응용 프로그램을 실현할 수 있습니다.