event.persisted로 bfcache인지 아닌지 확인할 수 있다.

IOS에서 페이지가 오픈되었을 때, PageShow event가 실행되는데 이때 bfcache로 페이지가 열렸는지 아니면 아예 처음 새롭게 열린건치 체크할 수 있는 방법이 있다.

바로 다음과 같은 속성을 이용하면 된다.

https://developer.mozilla.org/en-US/docs/Web/API/PageTransitionEvent/persisted

PageTransitionEvent.persisted - Web APIs | MDN

 

addEventListener('pageshow', (event) => {
	if (event.persisted) {
		console.log('BFCahe 복원');
	}
	else {
		console.log('처음 열림');
	}
});

 

* 번외로 어디선가 본 코드에서는 persisted 말고도 navogator가 몇 번인지 함께 체크했던 것 같다. 정확히 어떤건지 기억이 잘 안나서 검색를 상당히 광범위하게 했더니 아직 찾을 수가 없다-!

 

https://hyermione.tistory.com/126

사파리와 파이어폭스 그리고 크롬의 차이점은 bfcache이다. (2탄-상세기록)

https://hyermione.tistory.com/129

모바일 사파리에서는 pagehide/show를 사용할 것