Firefox에서 웹 페이지 색 구성표를 반전시키는 방법은 무엇입니까?

나는 어두운 방에서 웹을 탐색하는 데 사용하며 배경이 어둡고 텍스트가 반대로되는 것이 아니라 훨씬 더 일반적인 경우를 선호합니다. 나는 이것이 일부 사용자 정의 CSS 또는 JS 코드가 적용되었지만 달성 될 수 있다고 생각하지만 웹 코더는 아니며 이것을 수행하는 방법에 대해 확실하지 않습니다 (특히 모든 웹 사이트에 적용 가능). 더 확장해서 설치하고 필요한 효과를 얻는다면 더 좋을 것입니다.

어떤 제안?

WebKit 기반 브라우저에서 다음 스타일을 추가하여 색상 반전을 달성 할 수 있습니다.

html { -webkit-filter: invert(); }

안타깝게도 현재 Firefox에서 구현을 기다리는 중입니다. https://developer.mozilla.org/en-US/docs/CSS/filter#Browser_compatibility

Firefox와 동등한 기능은 다음과 같습니다.

html {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'invert\'><feColorMatrix type=\'matrix\' values=\'-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\'/></filter></svg>#invert");
}

그래도 결과는 좋지 않습니다.

보너스

다음은 WebKit의 북마크릿입니다 (jQuery를로드해야 함).

javascript:$("html").css("-webkit-filter","invert()")

.. 도구> 옵션> 내용 탭을 클릭 한 다음 색상 단추를 클릭하십시오. "페이지 blah blah .... 허용"확인란의 선택을 취소하십시오. 이제 텍스트는 흰색, 배경은 검은 색을 선택하십시오. 도움이 되길 바랍니다. 나는 ver24.0에서 그것을했다.

(편집 : Mozilla가 Invert를 지원하지 않기로 결정했기 때문에 북마크릿이 Firefox에서 작동하지 않는다는 것을 알았습니다. 그러나 페이지에 동일한 작업을 수행하는 jQuery 링크가 있습니다.)이 페이지에서 bookmarklet을 사용할 수 있습니다 : http : / /lea.verou.me/2011/04/invert-a-whole-webpage-with-css-only/

운영 체제? Mac에 응용 프로그램이 있습니다. Nocturne, 전반에 걸쳐 색상이 반전됩니다. ctrl-option-cmd-F8을 누르는 것과 비슷합니다. Windows에서 할 수있는 방법을 모르겠습니다. 녹턴은 밤이나 희미한 조명에서 조금 더 잘 볼 수 있도록 색상을 조정하고 반전시키지 않고 조금 더 좋습니다. 여기서는 Firefox 페이지뿐만 아니라 모든 것이 바뀌어 새 페이지를로드 할 때마다 계속 다시 적용 할 필요가 없다는 장점이 있습니다.

이 확인 부가 당신을 위해 유용합니다.

더 좋은 옵션이 있습니다. 여기 스크린 샷이 있습니다 >>>

다음 URL을 사용하여 북마크를 만드십시오.

javascript:void(document.getElementsByTagName('html')[0].style.webkitFilter='invert()');