Safari 5의 뒤로 버튼 캐시 방지

Question

최근 사파리 중 5가 릴리스되었으며 내 웹 사이트에 문제가있는 것으로 나타났습니다. 고전적인 ASP를 실행하는 역동적 인 웹 사이트가 있습니다. (그다지 중요하지 않지만) 사이트는 히스토리 스택을 창의적으로 사용합니다. 예를 들어 제품을 나열한 페이지에서 제품에 대한 세부 정보로 이동하여 제품 (관리보기)을 변경할 수 있습니다. 제품 저장을 클릭하면 정보가 AJAX를 통해 서버로 전송되고 history.back()이 발행됩니다. 이것은 모든 브라우저에서 훌륭하게 작동합니다 (사파리 < = 4 포함). 그러나 새로 출시 된 사파리 5에서는 작동이 중지되었습니다. 사파리 5에서 다시 클릭하면 실제로 페이지를 새로 고치지 않고 캐시에서로드하기 만하는 것으로 보입니다. 즉, 상세보기에서 변경 한 내용이 표시되지 않습니다. 사파리에서이 작품을 만들려면 어떻게해야합니까? 이것은 (모든 페이지의 상단 포함) 내가 캐싱을 해제해야 현재의 코드입니다 :

Dim pStr 
pStr = "private, no-cache, no-store, must-revalidate" 
Response.AddHeader "pragma","no-cache"  '? 
Response.AddHeader "cache-control", pStr '? Er ikke sikker på om disse 3 siste er nødvendige. 
Response.AddHeader "cache-control", "post-check=0, pre-check=0"  '? Er ikke sikker på om disse 3 siste er nødvendige. 
Response.AddHeader "Expires", "Mon, 26 Jul 1997 05:00:00 GMT"  '? 
Response.AddHeader "Last-Modified", Now() 

Answer 1

빈 unload 처리기가 더 이상 작동하지 않습니다. 대신 onpageshow 이벤트의 persisted 속성을 확인할 수 있습니다. 초기 페이지로드시 false로 설정됩니다. 페이지가 bfcache에서로드되면 true로 설정됩니다.

Kludgish 솔루션은 bfcache에서 페이지를로드 할 때 강제로 다시로드하는 것입니다.

window.onpageshow = function(event) { 
    if (event.persisted) { 
     window.location.reload() 
    } 
}; 

당신이 jQuery를 사용하는 경우 다음을 수행하십시오

$(window).bind("pageshow", function(event) { 
    if (event.originalEvent.persisted) { 
     window.location.reload() 
    } 
}); 

Answer 2

일부 googeling 후 나는 그것에 대해 너무 행복하지 않다하지만 나는 해결책을 발견했습니다 파고. body-tag에 onunload=""을 설정하면 Safari가 페이지를 무효화하고 uppon window.history.back();을 다시로드합니다.

Answer 3

는 여기에 또 다른 방법 : 닷넷에서 body 태그에 HTML을 추가 (= ""으로 onUnload는) 내 경우에는 세 개의 파일을 수정 관여하기 때문에

function invalidateBackCache() { 
     // necessary for Safari: mobile & desktop 
    } 

    window.addEventListener("unload", invalidateBackCache, false); 

내가이 경로를 이동하기로 결정했습니다. jQuery에서 onunload 속성을 설정해도 문제가 해결되지 않았습니다.

이것은 모바일 Sarfari (iPad)에서도 작동합니다.