자바스크립 코드를 북마크에 넣어서, 사이트의 색상을 반전시키는 기능이다.


1️⃣ 현재 사이트를 북마크에 추가한다.

      → URL창의 아이콘을 클릭한 상태로 북마크바로 드래그하면 추가된다.


2️⃣ 북마크를 수정버튼 누른다음, URL을 아래와 같이 수정해준다.

javascript:(function()%7Bdocument.querySelector('html').style.filter %3D 'invert(100%25)'%3B%7D)()%3B


3️⃣ 북마크를 눌러서 실행해주면 화면의 색상이 반전된다.


4️⃣ 색상을 복구하는 코드는 아래와 같다. 

      invert를 0%로 해주면 된다. 이것도 북마크에 추가해서 번갈아가면서 눌러보자.

javascript:(function()%7Bdocument.querySelector('html').style.filter %3D 'invert(0%25)'%3B%7D)()%3B


❄️ 참고로, URL로 변환하기전의 원래 코드는 아래와 같다.

document.querySelector('html').style.filter = 'invert(100%)';


끝.

이 게시물을...
profile