Appcache - 예상대로 작동하지 않는 대체물

Question

FALLBACK을 제공하면 캐시에서로드 할 때 을 nowifi.svg으로 바꿀 것으로 예상됩니다. 예상대로 작동하지 않습니다.

다음은 내 캐시 매니페스트 파일입니다. 내가 오프라인 해요 때 나는이 문제가 될 수 nowifi.svg을 요청하지도

CACHE MANIFEST 
# Version 0.1.3 


index.html 

CACHE: 
images/nowifi.svg 

NETWORK: 
images/wifi.svg 

FALLBACK: 
images/wifi.svg images/nowifi.svg 

, 난 단지, 내가 생각 nowifi.svg

캐시 대신에 이미지 누락 참조 가만히 숨겨진 <img src="images/nowifi.svg" /> 행운을 추가 .

문제점을 파악할 수 없었습니다. 대체 작동하려면 https://github.com/palaniraja/kmusic/blob/master/src이

Answer 1

당신은 매니페스트의 NETWORK 섹션에서 wifi.svg을 제거해야합니다 :

전체 프로젝트에 대한

CACHE MANIFEST 
#Version 0.1.3 

index.html 

CACHE: 
images/nowifi.svg 

FALLBACK: 
images/wifi.svg images/nowifi.svg 

이 조금 카운터 - 직관적 처음을 느낄 수 있지만, 명시적인 NETWORK 항목이 대체 항목보다 우선 적용되므로 대체가 적용되지 않고 이미지가 누락되는 이유가됩니다.

브라우저는 FALLBACK 항목의 왼쪽이 서버로 다시 확인된다는 것을 인식 할만큼 똑똑하고 (캐시 된 사본을 사용하는 대신) 대체 이미지로 대체합니다. 그것이 오프라인 일 때. 당신이 CACHE 섹션에서뿐만 아니라 (그것은 아무 영향을 미치지 않습니다 통해)를 생략 할 수 있도록

는 또한 일반적으로 자동으로 FALLBACK 항목 (즉, nowifi.svg)의 오른쪽을 캐시합니다.

구글 크롬 "개발자 도구"와 파이어 폭스의 "오프라인으로 작업"기능에서 캐시 및 오프라인 앱과 관련된 모든 종류의 이상한 결과가 나오는 경우가 있습니다. 대신 웹 서버 또는 연결을 켜고 끄십시오.