HTML5에서 매니페스트 캐시 사용에 대한 자세한 설명

이 기사는 주로 HTML5에서 매니페스트 캐시 사용에 대한 자세한 설명을 소개합니다. 이 기사는 또한 일부 관련 자동화 도구를 소개합니다. 필요한 친구는 원점을 언급 할 수 있습니다.

HTML5 이전의 웹 페이지는 모두 연결없이 연결되어 인터넷에 연결되어 있어야했습니다. 이것은 실제로 웹의 기능입니다. 이것은 실제로 PC의 큰 문제가 아닙니다. 그러나 모바일 인터넷 시대에 장치의 터미널 위치는 더 이상 고정되지 않고 무선 신호에 의존하지 않으며 네트워크의 신뢰성이 덜 신뢰할 수 없었습니다. 예를 들어, 기차에 앉아 터널을 통과하면 (15 분) 웹 사이트에 액세스 할 수 없습니다. 웹에 액세스 할 수는 없습니다. 웹 사이트는 웹에 매우 유해합니다. 예를 들어 "ecmascript 컬렉션"과 같이 읽은 페이지와 같이 웹에 매우 유해합니다.

HTML5는 캐시 매니페스트 파일을 소개합니다. 그렇다면 캐시 매니페스트는 무엇입니까? 나는 다음에 그것에 대해 이야기 할 것입니다.

우선, Manifest는 접미사 이름 미니 페스트가있는 파일입니다. 파일에서 캐시해야 할 파일이 정의됩니다. Manifest를 지원하는 브라우저는 Manifest 파일의 규칙에 따라 파일을 로컬로 저장하여 네트워크 링크없이 페이지에 액세스 할 수 있도록합니다.

앱 캐시를 처음으로 올바르게 구성하면 앱에 다시 액세스 할 때 브라우저는 먼저 매니페스트 파일에 변경 사항이 있는지 확인합니다. 변경 사항이 있으면 해당 변경 사항을 변경하고 브라우저에서 앱 캐시를 변경합니다. 변경 사항이 없으면 앱 캐시 리소스를 직접 반환합니다. 기본 프로세스는 다음과 같습니다.

오프라인 브라우징 : 사용자는 웹 사이트 콘텐츠를 오프라인으로 찾을 수 있습니다.

더 빠른 속도 : 데이터가 로컬로 저장되므로 속도가 더 빠릅니다.

서버로드 감소 : 브라우저는 서버에서 변경된 리소스 만 다운로드합니다.

모든 주류 브라우저는 인터넷 익스플로러를 제외한 응용 프로그램 캐싱을 지원합니다. Caniuse가 제공 한 답변은 아래 그림에 나와 있습니다.

HTML은 현재 페이지의 매니페스트 파일을 지정하는 데 사용할 수있는 매니페스트 속성을 추가했습니다.

HTML과 동일한 이름의 매니페스트 파일을 만듭니다. 예를 들어, 페이지는 index.html이면 index.manifest 파일을 작성한 다음 다음 속성을 index.html html tag에 추가 할 수 있습니다.