파일이 변경되면 리로드를 해주는 작은 프로그램들이 많이 있는데, 이런 프로그램을 쓰지 않고 브라우저가 활성화되면 발생하는 이벤트가 없을지 찾다가 Page Visibility API를 발견했다. 설명은 이곳에서 확인할 수 있다.
결론부터 말하면 기대한 것과는 다르게 동작해서 쓰지 않기로 했다. 기대했던 것은 다른 앱을 사용하다가 브라우저를 활성화시켰을 때 리로드되는 것이었는데, 이 API를 사용하면 다른 앱을 쓰다가 브라우저로 이동해도 이벤트가 발생하지 않는다. 대신 다른 브라우저의 다른 탭을 사용하다가 돌아오면 이벤트가 발생한다.
테스트한 코드는 다음과 같다.
document.addEventListener("visibilitychange", () => {
console.log(document.visibilityState);
});
반응형