브라우저에서 뒤로 버튼을 사용할 수 있는지 여부 체크하는 방법

결론: 할 수 없다.

 

기술적으로 history.previous을 확인하는 정확한 방법이 있습니다.

history.previous

그러나 작동하지 않습니다. 대부분의 브라우저에서 history.previous를 보안 위반으로 간주하고 일반적으로 undefined을 반환합니다.

다른 사람들은 아래와 같은 방법을 제안하지만..

history.length

그러나 length는 당신이 history에서 어디에 있는지를 나타내지 않기 때문에 완전히 작동하지 않습니다.

또한 항상 같은 숫자로 시작하는 것은 아닙니다. 예를 들어 랜딩 페이지를 갖도록 설정되지 않은 브라우저는 0에서 시작하는 반면 랜딩 페이지를 사용하는 다른 브라우저는 1에서 시작합니다.

 

이슈 재현

1. https://~ 새창으로 열기
2. 이전 버튼 클릭 (콘솔 - 뒤로가기 불가능)
3. 브라우저 뒤로 가기 버튼 클릭해서  https://~ 로 다시 진입
4. 이전 버튼 클릭 (콘솔 - 뒤로가기 가능)

해결 방법

진입하기 직전의 페이지를 store에 저장해놓고, store에 저장된 페이지가 없다면 새 창이라고 판별해서 홈으로 이동

reference

https://stackoverflow.com/questions/3588315/how-to-check-if-the-user-can-go-back-in-browser-history-or-not