글 수 7
자바스크립 코드를 북마크에 넣어서, 사이트의 색상을 반전시키는 기능이다.
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%)';
끝.