Cursor Highlighter - 스포트라이트 & 클릭 효과

설치하면 일반 http·https 페이지에서 포인터를 따라 링이 그려지고 클릭할 때마다 물결이 남습니다. 효과가 페이지 안에 그려지는 방식이라 탭 녹화나 화면 녹화에 페이지 내용과 똑같이 담깁니다. 다만 브라우저 툴바나 다른 프로그램, 바탕화면 위에서는 커서를 따라가지 않습니다.

팝업에서 셋 다 조절합니다. 기본 색상 여섯 개와 색상 입력이 있고, 크기 슬라이더는 10~80픽셀, 투명도 슬라이더는 10~100% 범위입니다. 아래쪽 미리보기 원이 조절하는 대로 즉시 바뀌어 페이지로 돌아가기 전에 확인할 수 있습니다. 값은 Chrome 동기화 저장소에 저장되고 열려 있는 탭에 바로 반영됩니다.

포인터를 중심으로 한 원만 남기고 나머지 화면을 어둡게 덮습니다. 가장자리로 갈수록 어두워져 약 60% 수준의 검정에 가까워집니다. 밝게 남는 원은 커서를 따라 움직이고 반지름은 링 지름의 세 배입니다. 링과는 별개의 레이어이며 스위치도 따로 있고, 마찬가지로 클릭과 스크롤을 그대로 통과시킵니다.

페이지 스크립트가 http·https 페이지에만 등록되어 있어 chrome:// 설정 화면, 확장 프로그램 갤러리, 새 탭 페이지, 로컬 파일에서는 동작하지 않습니다. 동작하는 페이지에서도 마우스를 한 번 움직이기 전에는 링이 표시되지 않고, 포인터가 문서 밖으로 나가면 다시 숨겨집니다. 팝업 스위치가 꺼져 있거나 Alt+H로 끈 상태라면 아무것도 그려지지 않습니다.

선언된 권한은 storage, tabs, webNavigation과 모든 사이트에 대한 호스트 권한입니다. storage는 켜기·끄기, 링 색상, 크기, 투명도, 스포트라이트 여부 다섯 가지 설정을 Chrome 동기화 저장소에 보관합니다. 한쪽 창에서 바꾼 값이 열려 있는 다른 탭에도 바로 반영되는 이유가 여기에 있습니다. tabs와 webNavigation은 탭과 페이지 로드 이벤트를 받아, 다른 페이지로 넘어간 뒤에도 효과를 다시 적용하는 데 쓰입니다. 호스트 권한 범위가 넓은 것은 시연하는 페이지가 어디든 그 위에 링을 그려야 하기 때문이며, 시연 도중 처음 여는 사이트도 여기에 포함됩니다.