[bug fix] javascript IOS bfcache때문에 뒤로가기시 새로고침이 안되는 현상

SeoYng·2022년 1월 13일
1
post-thumbnail

사파리 브라우저의 특성인 bfcache는 페이지 전체를 완전히 캐시로 저장해버려서 사용자가 이전페이지로 돌아가고자 했을 때 빠르게 전체 페이지를 보여줄 수 있다

페이지가 빠르게 뜨는게 좋을 수 있지만 히스토리를 이동하고나서 페이지로 돌아갔을때 만약 페이지가 reload되어야 한다면 이를 강제로 실행시켜주어야 한다

// IOS BFCahe 문제
window.onpageshow = (event) => {
  if (event.persisted) {
    window.location.reload();
  }
};

참고 - MDN

profile
Junior Web FE Developer

0개의 댓글