Bookmarklet Maker로 화면 반전 시키기

 Bookmark와 자바 스크립트를 이용해 웹페이지의 화면을 반전 시키는 간단한 방법을 소개한다. 흰 화면이 지루하거나 눈이 피곤할 때 유용하게 사용할 수 있는 팁이다.

 일단 Bookmaklet 페이지 https://caiorss.github.io/bookmarklet-maker/ 에 들어 간다.

 

 

 Title을 "화면 반전"으로 바꾸고 code란에 "document.querySelector('html').style.filter = 'invert(100%)';"를 입력한다. 자바 스크립트로 html의 필터값을 100% 변환하라는 코드이다. 그리고 하단의 "Generate Bookmarklet"을 클릭한다.

 

 

 그러면 Bookmarklet의 타이틀이 "화면 반전"으로 바뀌고 Output 코드와 Html code가 나타난다. "화면 반전" 이라는 링크가 새로 생긴 것인데 이 링크를 마우스로 드래그 해서 상단 즐겨찾기 부분에 끼워 넣는다.

 

 

 본인이 자주 가는 웹페이지에 가서 즐겨 찾기에 끼워 넣었던 "화면 반전" 이라는 링크탭을 클릭해 보자.

 

 

화면이 반전되어 나타난다.