FOUC의 문제

FOUC의 문제

저는 파이어폭스 개발자 에디션을 사용하고 있습니다. 어두운 테마를 제공하는 여러 프로그램으로 구성했습니다. 가장 큰 문제는 화면이 어두워지는 것에 눈이 적응하기 때문에 웹 페이지를 열 때마다 스타일이 지정되지 않은 콘텐츠의 플래시가 눈을 아프게 한다는 것입니다.

현재 내가 한 일은 탭과 URL 표시줄을 잘 관리하는 어두운 테마를 활성화하는 것입니다. 보호된 페이지의 경우 ShadowFox를 사용하여 어둡게 색칠합니다. 그런 다음 모든 웹페이지에 색상을 지정하기 위해 어두운 배경 및 밝은 텍스트라는 애드온을 구성했습니다.

about:config에서 디스플레이 전경색과 배경색을 편집해 보았습니다. 개발자 테마를 어둡게 설정했습니다. Shadowfox는 userChrome 파일 편집을 담당합니다.

이제 나의 가장 큰 문제는 Google과 같은 웹사이트에 있습니다. Google을 사용하면 맞춤 색상이 나타나기 전 약 1초 동안 원래의 밝은 색상을 얻을 수 있습니다. 대부분의 사이트는 그다지 나쁘지는 않지만 모두 동일한 추세를 따르며 어두운 배경보다 밝은 배경을 표시합니다. about:config에서 표시 색상을 편집하면 일부 사이트에 도움이 되었지만 Google에는 전혀 영향을 미치지 않았습니다.

fouc를 수정하기 위해 수행할 수 있는 구성이 있는지 궁금합니다. 필요한 경우 소스 코드의 기본 색상을 수정하는 데까지 기꺼이 참여합니다. 인터넷에서 유용한 정보를 찾을 수 없었습니다. 이에 대해 제가 할 수 있는 일이 있나요? 소스 코드의 색상 값을 변경할 수도 있나요?

답변1

이 문제에 대한 몇 가지 해결 방법이 Firefox 및 Redit 포럼에서 제공되었습니다. 나는 그들이 모두 같은 사건을 다루고 있는지 확신하지 못하므로 모두 시도해 보는 것이 좋습니다.


게시물 유휴 탭을 클릭하면 Firefox Quantum이 흰색 화면을 깜박입니다. 프로필 폴더에서 파일을 편집하거나 생성 userContent.css하고 userChrome.css 다음 줄을 모두 추가하는 것이 좋습니다.

.tabbrowser-tabbox { background-color: #a9a9a9 !important; }

파일이 이미 존재하는 경우 기존 콘텐츠와 충돌하지 않는지 확인하세요.


게시물 새로 열었지만 언로드된 창/탭의 색상을 어떻게 어둡게 만들 수 있나요? 다음 줄을 추가하라고 조언합니다 userChrome.css.

/* Reduce the "white flash" in new tabs */
browser[type="content-primary"], 
browser[type="content"] {
  background: #778899 !important;
}

설치한 경우 이 작업이 아직 완료되지 않았는지 확인하세요. 섀도우폭스 (Firefox의 보편적인 어두운 테마).


게시물 페이지가 로드되는 동안 Firefox가 흰색 화면을 깜박이는 것을 어떻게 중지합니까? about:config에서 browser.display.background_color 더 어두운 색상으로 설정하라고 조언합니다(#333). 또한 다음 항목에 추가합니다 userChrome.css.

{ background-color: #333 !important; } 

게시물 페이지가 로드되기 전에 흰색 플래시 제거userContent.css및 에 대한 추가 코드가 포함되어 userChrome.css있으며 이는 ShadowFox에도 이미 포함되어 있을 수 있습니다. 코드가 너무 커서 여기에 포함할 수 없습니다.


위 방법 중 하나로 문제가 해결된 경우 어떤 방법을 사용했는지 알려주세요.

관련 정보