기술 블로그

  • 홈

2024/07 1

window.history.pushState 로 추가한 뒤, 브라우저 뒤로가기 클릭 시 브라우저마다 다르게 동작하는 증상

사용자가 카카오톡 공유하기를 통한 URL 링크와 같이 외부 링크를 클릭해 웹사이트에 접속하게 되면,접속한 웹사이트 도메인에 해당하는 history 는 현재 페이지를 제외하고는 존재하지 않는다.(history stack 에는 현재페이지의 history만 존재한다는 의미) 그러므로 사용자가 브라우저 뒤로가기를 클릭하면 브라우저의 기본 페이지로 이동하거나 혹은기본 페이지가 존재하지 않는 경우라면 뒤로가기 버튼은 비활성화 되어있다. window.history.pushState 혹은 replaceState 를 사용하면, 사용자가 웹사이트 최초 접속 후 브라우저 뒤로가기를 해도현재 웹사이트에 다른 페이지로 이동되도록 개발자가 의도하여 브라우저 history 를 추가할 수 있다. 이 기능을 작업한 뒤 확인하는 과정에..

트러블슈팅 & 알게된 것 2024.07.25
이전
1
다음
더보기
프로필사진

기술 블로그

학습을 통해 알게된 것과 트러블슈팅을 기록하는 기술블로그 입니다.

  • 전체 글 보기 (22)
    • Dev study 정리 (14)
    • 트러블슈팅 & 알게된 것 (6)
    • 웹접근성, 웹표준, UI 사용성 관련 (1)
    • 회사 기술블로그에 작성한 글 (1)

방문자수Total

  • Today :
  • Yesterday :

티스토리툴바