브라우저 기록 가용성을 감지하는 방법

브라우저에서 뒤로 버튼이 작동하는지 확인하는 것은 웹 개발 중에 일반적인 관심사입니다. 그러나 JavaScript를 사용하여 브라우저 기록을 직접 확인하는 것은 일반적으로 불가능하다는 점에 유의하는 것이 중요합니다.

기술적 접근: 역사.이전

기술적으로 한 가지 접근 방식은 History.previous 속성. 이 속성은 브라우저 기록의 이전 페이지를 나타냅니다.

let prevPageExists = history.previous ? true : false;

history.previous의 한계

안타깝게도 이 방법은 신뢰할 수 있는 솔루션을 제공하지 않습니다. 대부분의 브라우저에서 이 속성은 보안 문제로 간주되며 일반적으로 정의되지 않은 값을 반환합니다.

대체 접근 방식: History.length

또 다른 제안 방법은 History.length를 확인하는 것입니다. 재산. 이 속성은 브라우저 기록의 총 항목 수를 나타냅니다.

let historyLength = history.length;

history.length의 단점

이 접근 방식은 처음에는 실행 가능한 것처럼 보이지만 한계가 있습니다. 기록 스택 내에서 사용자의 현재 위치에 대한 정보는 제공하지 않습니다. 또한, History.length의 시작 값은 브라우저 설정 및 랜딩 페이지 존재 여부 등의 요인에 따라 달라질 수 있습니다.

실용적 고려 사항

실제 시나리오에서 개발자는 종종 더 미묘한 접근 방식을 선택합니다. History.back() 또는 History.go(-1)을 실행하는 링크를 추가하면 뒤로 버튼의 기능이 간접적으로 테스트됩니다. 뒤로 버튼을 사용할 수 없는 경우 링크를 클릭해도 아무 효과가 없습니다. 이 접근 방식은 보안 프로토콜을 위반하지 않고 사용자의 기대를 효과적으로 해결합니다.