crxMouse 제스처 - 스크롤, 트랙 색상 문제 수정하기 / crxMouse Gesture - Fix scrolling and track color issues

크롬 마우스 제스처 확장프로그램인 crxMouse가 특정 사이트에서 스크롤이 동작하지 않고, 옵션에서 마우스 트랙 색상을 변경하여도 적용되지 않는 문제가 있습니다.

CLEAN crxMouse를 사용하면 해당 문제가 해결되었는데, 최근 구글 정책 위반으로 크롬 웹 스토어에서 삭제되었습니다.

그 대안으로 직접 수정한 내용을 공유합니다.

아래는 crxMouse Chrome 제스처 버전 4.4.4 기준으로 수정된 내용입니다.

1. 확장 프로그램 복사
 [From] C:\Users\%USERNAME%\AppData\Local\Google\Chrome\User Data\Default\Extensions\jlgkpaicikihijadgifklkbpdajbkhjo\4.4.4_0
 [To] D:\crxMouseCustom\4.4.4_0

2. crxMouse 소스 수정

▲ D:\crxMouseCustom\4.4.4_0\manifest.json 수정
[삭제] Line 35: "key": ...
[삭제] Line 41: "update_url": ...

▲ D:\crxMouseCustom\4.4.4_0\js\event.js 수정
//스크롤 문제 수정
[수정 전] Line 34:  const scrollTo = (element, to, duration, direction) => {
          ...
[수정 전] Line 40:  element.scrollTop = element.scrollTop + direction * perTick;        
[수정 전] Line 41:  if (element.scrollTop === to) return;

[수정 후] Line 40:  var beforeScrollTop = element.scrollTop; 
                    element.scrollTop = element.scrollTop + direction * perTick;
                    if (element.scrollTop === beforeScrollTop) element = document.body;
[수정 후] Line 41:  if (element.scrollTop === to) return;

//scrollTo 다음에 함수 추가
const fnHexToRGB = (hex, a) =>  {
  var h = String(hex),
      r = parseInt(h.slice(1, 3), 16),
      g = parseInt(h.slice(3, 5), 16),
      b = parseInt(h.slice(5, 7), 16);

  if (a)
    return "rgba("+r+", "+g+","+b+","+a+")";
  else
    return "rgb("+r+","+g+","+b+")";
}

//트랙 컬러 문제 수정
[수정 전] Line 769: polyline.setAttribute('stroke', 'rgba(18,89,199,0.8)');
[수정 후] Line 769: polyline.setAttribute('stroke', fnHexToRGB(cmg.valuestrokecolor, cmg.valuestrokeopa));

[수정 전] Line 1242: polyline.setAttribute('stroke', 'rgba(18,89,199,0.8)');
[수정 후] Line 1242: polyline.setAttribute('stroke', fnHexToRGB(cmg.valuestrokecolor, cmg.valuestrokeopa));

3. 확장 프로그램 등록
 3.1. 크롬 확장 프로그램 페이지로 이동(chrome://extensions/)
 3.2. 확장 프로그램 개발자 모드 활성화
 3.3. "압축해제된 확장 프로그램을 로드합니다." 버튼 클릭.
 3.4. D:\crxMouseCustom\4.4.4_0 폴더 선택
 3.5. 추가된 crxMouse 세부정보에서 확장 프로그램 옵션 설정
 3.6. 확장 프로그램 개발자 모드 비활성화

4. 결과 확인
 - 크롬 실행 > 테스트 사이트 열기 > 스크롤 동작 및 트랙 색상 확인

5. crxMouse 사용 이력 전송 차단
 - crxMouse 사용시 사용 이력을 전송하는데, C:\Windows\System32\drivers\etc\hosts에 아래 내용을 추가하거나, D:\crxMouseCustom\4.4.4_0\js\topGestures.js에서 해당 코드를 삭제해도 됩니다.
  127.0.0.1 crxmouse.com
  127.0.0.1 api.mousegesturesapi.com




이 저작물은 크리에이티브 커먼즈 저작자표시-비영리-변경금지 4.0 국제 라이선스에 따라 이용할 수 있습니다.