이걸 해결하기 위해 크롬 확장 프로그램을 만듦
총 2가지 방법을 제시하겠음
1.
좀 찾아보니까 및챈헬퍼에서는
그리스몽키나 템퍼몽키 등 확장스크립트 가능한 곳에 복붙하는 방법이 있다고 제시하더라
그래서 거기에 적용된 소스코드 구조만 맞춰놧음
근데 [2]번보다 적용하기 엄청 더 쉬워보이니까 이거 지원하겠음
테스트한 확장 프로그램 | 작동 확인 |
소스코드 (클릭)
// ==UserScript== // @name twitter-blur-breaker // @version 1.0.0 // @match https://twitter.com/* // @author mfsu // @grant none // ==/UserScript== (function(){ //초기화 let waitPageUpdating = false; let nextPageUpdate = performance.now(); //짧은 시간에 많이 실행되는것을 방지하기 위해 최대 0.1초마다 한번에 처리하도록 합니다 let updatePageData = function(){ if(waitPageUpdating){ return; } const remainTime = nextPageUpdate - performance.now(); const update = function(){ //1번이라도 오류가 나면 작동을 더이상 안할 수 있으므로 조기에 wait 상태를 풀어줍니다. waitPageUpdating = false; nextPageUpdate = performance.now() + 50; buttons = [...document.querySelectorAll("section[role='region'] li[id^='verticalGridItem'] div[role='button']>span")]; buttons.map((e)=>{ e.click(); }) console.log(buttons.length + "개의 버튼 자동 클릭 완료") } waitPageUpdating = true; if(remainTime < 0){ //대기 시간이 지난 경우 setTimeout(update, 50); }else if(remainTime < 1000){ //대기 시간이 남아 있는 경우 setTimeout(update, parseInt(remainTime)+50); }else{ //문제 발생으로 인해 대기 시간이 1초가 넘는 경우 setTimeout(update, 1000); } } //페이지 구조가 조금이라도 바뀔때마다 실행됨 let pageObserver = new MutationObserver(updatePageData) pageObserver.observe(document.body,{ childList: true, subtree: true }); })();
2.
위 소스코드를 통해 만들어진 확장 프로그램 다운로드 + 등록
이건 본인이 하는 방법이긴 한데 번거로울수 있음
걍 [1]번 하는걸 추천함
확장 프로그램 다운로드 + 등록
확장 프로그램 다운로드
깃헙[안전한 사이트] 폰헙아님
다운로드
https://github.com/arca-mfsu/twitterBlurBreaker/releases/tag/v1.0.0
이 사이트에서 스크롤 맨 아래로 내리면 이거 나옴
이거 누르면 다운로드댐
다운로드된 파일을 찾아서 압축해제해주셈
확장프로그램 계속 쓰려면 삭제나 이동 안해야대니까
잘 준비된 폴더로 이동시켜조야댐
크롬에서 설정 -> 확장 프로그램 으로 이동하거나
chrome://extensions/
위에걸 주소장에 적으면 아래같은 화면을 찾을 수 있음
여기서 개발자 모드를 켜면
아래처럼 사용할수 있는 버튼이 더 나오는데,
여기서 "압축헤제된 확장 프로그램을 로드합니다" 클릭
해당 폴더를 찾아서 폴더 선택
아래처럼 정상적으로 확장 프로그램이 추가된걸 볼 수 있음
왼쪽(위) : 적용 전
오른쪽(아래) : 적용 후