SD Webui 브라우저 닫기, 뒤로가기, 새로고침을 막아보자.

웹브라우저의 닫기, 뒤로 가기, 새로고침을 막아보자.

 

요새 취미로 ai 그림 뽑기를 자주 하고 있는데, 

요새는 마우스를 안 쓰고, 트랙패드만 주로 쓰다 보니, 본의 아니게 트랙패드 렉으로 인한 새로고침이 빈번하게 일어나서

webui에 적용한 프롬프트나 옵션이 한꺼번에 날아가버려서

짜증이 난게 한두 번이라 아니라, 브라우저 확장프로그램을 발견해서 소개합니다.

 

Lock Tab

Lock Tab

크롬확장주소

크롬확장페이지에서 "prevent" "lock" 이런 키워드로 검색해서 몇 개 설치해 봤는데,

무료인척 가입시키는 확장도 있고, 기타 등등 있는데 비교적 간단해서 소개합니다.

 

설치

설치는 비교적 간단하다 위의 주소로 이동해서 "Chrome에 추가" 누르면

요런 팝업창이 뜨고, 확장기능에서 Pin 마크를 클릭해서 잠금화면으로 만들면 

브라우저 탭 아이콘에 잠금 표시가 된 상태로 만들면 끝이다.

일단 처음 시도 하니깐 제대로 동작이 안되는 것 같아서 종료를 하고 다시 시작을 했는데 제대로 동작 안 하는 것 같아서

지금 Opera gx 브라우저로 설치를 해서 안되나 하기도 했지만,

요새 시중에 나와 있는 브라우져 엔진은

1. Blink: 크롬과 엣지 브라우저에서 사용하는 엔진입니다.
2. Gecko: 파이어폭스에서 사용하는 엔진입니다.
3. WebKit: Safari

거의 이 정도밖에 안 되고, 오페라 역시 15 버전부터 자체 엔진 버리고 blink를 사용하는지라

점유율만 높고 봐도 아래 링크 사이트의 정보를 봐도

一月浏览器大战结果出炉：火狐生存空间被继续蚕食

今天，数据研究机构statcounter公布了2023年1月，PC端浏览器的最新统计数据。

和此前一样，在1月，Chrome依旧是稳居第一，并凭借66.39%的全球份额傲视其他所有浏览器，呈现出“一超多强”的态势。

而紧随其后的，是采用同一内核的Edge浏览器，市场占比达到了11.09%，相较上个月提升了0.11%。

主要针对Mac用户的Safari在一月也有不错的表现，市场份额提升0.32%，达到了9.33%。

但各家都在涨，这些市场份额总不会是凭空出现的。

在一月，火狐浏览器的市场占比进一步下滑0.34%，仅有6.87%。

从2020年开始，火狐浏览器的市场份额就始终处在下降趋势，已经从当时的10%一路掉到了目前的6.87%，颓势明显。

오늘 스탯카운터는 2023년 1월 PC 브라우저에 대한 최신 통계를 발표했습니다.
1월에도 전월과 마찬가지로 Chrome이 66.39%의 점유율로 1위를 유지했으며, 다른 모든 브라우저를 제치고 '1강 1중' 추세를 보였습니다.
그 뒤를 이어 동일한 코어를 사용하는 Edge가 전월 대비 0.11% 상승한 11.09%의 점유율로 2위를 차지했습니다.

주로 Mac 사용자를 대상으로 하는 Safari도 1월에 0.32% 상승한 9.33%의 시장 점유율을 기록하며 선전했습니다.

하지만 이러한 시장 점유율 상승은 갑자기 나타난 것이 아닙니다.

1월에 Firefox의 시장 점유율은 0.34% 더 하락하여 6.87%에 불과했습니다.
Firefox의 시장 점유율은 2020년 이후 지속적으로 하락하는 추세로, 당시 10%에서 현재 6.87%까지 하락하며 뚜렷한 하락세를 보이고 있습니다.

Translated with www.DeepL.com/Translator (free version)

 

그러니 크롬 확장을 설치해도 어지간하면 무리 없이 동작한다고 봐야 할 겁니다.

그래서 옵션을 좀 살펴보기로 했습니다.

lock tab 옵션

lock tab 옵션 페이지

그런 다음 opera gx를 재시작했다.

옵션을 적용하고 재시작해보니 일단 타이틀바에는 자동 잠금 표시가 되네요.

그럼 새로고침을 해볼게요

윈도에서는 f5이었나? 저는 cmd+r를 누릅니다.

팝업창이 뜨면서 바로 새로고침 안되게 막아주네요. 좋습니다.

트랙패드를 사용하다 보면 두 손가락 좌측 드래그가 이전페이지로 가기인데

이게 자주 발생해서 난감했거든요.

테스트해봅니다.

안됩니다. 그래서 소스를 위의 개발자 github에 가서 소스를 봤더니 구현자체가 안되어 있네요.

그래서, 간단히 구글링 해서 

  window.addEventListener("beforeunload", (event) => {
    if (isLocked) {
      event.preventDefault();
      event.returnValue = "[LockTab] Are you sure you want to exit?";
    }
  });
 
 여기 부터 
 ===========================================================================

  history.pushState(null, null, null);

  window.addEventListener("popstate", () => {
    history.pushState(null, null, null);
    alert("뒤로 가기는 현재 봉인되어 있습니다.");
  });
  ===========================================================================

코드수정하고 적용했더니,

잘 동작합니다.

 

오늘은 여기까지 마무리하겠습니다.

글 읽어주셔서 감사합니다. 또 찾아뵐게요