반응형
현재 페이지가 location.reload()에 의해 새로고침되었는지 여부를 직접적으로 확인하는 방법은 없습니다. 하지만 이를 우회적으로 감지할 수 있는 몇 가지 방법이 있습니다. 예를 들어, sessionStorage나 localStorage를 사용해 새로고침 여부를 추적할 수 있습니다.
다음은 sessionStorage를 활용하여 페이지가 location.reload()로 새로고침되었는지 확인하는 방법입니다.
// 새로고침 여부 확인
if (performance.navigation.type === performance.navigation.TYPE_RELOAD) {
console.log("이 페이지는 location.reload()에 의해 새로고침되었습니다.");
} else {
console.log("이 페이지는 새로고침되지 않았습니다.");
}
performance.navigation.type 사용
위의 코드는 브라우저의 Performance API를 사용하여 페이지가 새로고침 되었는지를 확인합니다.
performance.navigation.type 속성은 페이지가 어떤 방식으로 로드되었는지를 나타냅니다.
performance.navigation.TYPE_RELOAD (1) : 페이지가 새로고침 되었을 때.
performance.navigation.TYPE_NAVIGATE (0) : 사용자가 직접 URL을 입력하거나, 링크를 클릭하여 페이지가 로드된 경우.
하지만 이 방법은 일부 최신 브라우저에서는 performance.navigation API가 더 이상 사용되지 않을 수 있습니다.
이 경우 PerformanceNavigationTiming 인터페이스를 사용하여 같은 정보를 확인할 수 있습니다.
if (performance.getEntriesByType("navigation")[0].type === "reload") {
console.log("이 페이지는 location.reload()에 의해 새로고침되었습니다.");
} else {
console.log("이 페이지는 새로고침되지 않았습니다.");
}
위의 코드를 사용하면, location.reload()를 통해 새로고침되었는지를 더 정확하게 감지할 수 있습니다.
반응형
'SMART GPT' 카테고리의 다른 글
유튜브 동영상의 썸네일 이미지를 체크하여 유효한 영상이 아닐때 연결된 체크박스를 자동으로 체크 (1) | 2024.09.13 |
---|---|
이미지 URL이 유효하지 않을 때, 해당 이미지와 연결된 체크박스를 자동으로 체크 (0) | 2024.09.13 |
HTTPS로 접속한 사용자를 강제로 HTTP로 리디렉션 하려면 (0) | 2024.09.12 |
PHP에서 MP3 파일을 직접 읽고 스트리밍 하기 (1) | 2024.09.07 |
텍스트 파일을 읽고, 각 줄의 끝에서 6글자를 삭제한 후, 결과를 새로운 파일에 저장합니다. (0) | 2024.08.23 |
cURL을 사용하여 리다이렉트를 따라가 최종 URL 가져오기 (0) | 2024.08.23 |
display: flex를 사용하여 요소를 가로세로 가운데 정렬하는 방법 (0) | 2024.08.07 |
grid-template-columns CSS (0) | 2024.08.07 |
댓글