Firefox 57+ Quantum에서 탭 막대 (탭 스트립)를 숨기는 방법

Firefox 57 + ( "Quantum")에서 탭 표시 줄을 숨기거나 비활성화 / 제거하는 방법은 무엇입니까?

목표는 탭 막대를 완전히 숨기는 것입니다. "트리 스타일 탭"과 같은 확장 프로그램과 쌍을 이루는 경우 유용합니다.

참고 : 비슷한 질문이 있습니다 : Firefox는 브라우저의 내용 영역을 제외한 모든 것을 숨기지 만 논리적으로 독립적 인 작업으로 올바르게 분할되지는 않습니다. 또한 구식입니다.

1. 파이어 폭스 "프로필 디렉토리"를 엽니 다
   • 공식 문서 관리 방법 : https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data#w_how-do-i-find-my-profile
   • 아니면 그냥 열어 :
     • 리눅스 : ~/.mozilla/firefox/<profile>
     • OSX :
       • ~/Library/Application Support/Firefox/Profiles/<profile folder>
       • 또는 ~/Library/Mozilla/Firefox/Profiles/<profile folder>
     • 윈도우 : %appdata%\Mozilla\Firefox\Profiles\<profile folder>
2. 디렉토리가 chrome/없으면 작성
3. chrome/userChrome.css존재하지 않는 파일을 내부에 작성하십시오 .

4. 이 텍스트를 파일에 추가하십시오.

   #TabsToolbar { visibility: collapse !important; }
   

5. 구성 toolkit.legacyUserProfileCustomizations.stylesheets이 true(2019 년 9 월 이후의 안정적인 버전 인 Firefox69 +에 필요 )로 설정되어 있는지 확인하십시오 . 이 학습서를 참조하십시오 .

6. 파일을 저장하고 firefox를 다시로드하십시오. 더 이상 탭 표시 줄이 보이지 않습니다.

PS 솔루션은 여기에서 부분적으로 가져 왔습니다 : https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/

탭이 1 개있을 때 탭 표시 줄이 자동으로 숨겨져 있고 여러 개가있을 때 나타납니다. 질문과 동일하지는 않지만 현재 57 세 이상의 유일한 Google 결과에 관한 것입니다.userChrome.css

#tabbrowser-tabs, #tabbrowser-tabs arrowscrollbox { min-height: 0 !important; }
#tabbrowser-tabs tab { height: var(--tab-min-height); }
#tabbrowser-tabs tab:first-of-type:last-of-type { display: none !important; }

불행히도 현재 Firefox Quantum의 지원되는 애드온 API를 통해 특정 UI 사용자 정의를 수행 할 수 없습니다. 버그 1332447 이 해결 되면 적절한 솔루션이 가능합니다 .

그 때까지 VasyaNovikov의 userChrome.css작업 조정 은 파일을 편집하는 것이 공식적으로 지원되지 않는 위험에 처한 옵션입니다.

나는 VasyaNovikov의 대답 을 내 리눅스와 OS X boxen에서 실행하기 위해 요점으로 증류 했다. 답변을 적용한 후 뒤로 버튼은 OS X의 닫기 버튼 아래에 있습니다. 수정은 3 개의 유연한 공간을 툴바에 삽입하는 것입니다 (툴바를 마우스 오른쪽 버튼으로 클릭하고 사용자 정의 ...를 선택한 다음 뒤로 버튼이 오른쪽으로 이동하도록 세 칸을 삽입하십시오.

누군가가 뒤로 버튼에 동등한 영향을 미치기 위해 userChrome.css에 삽입 할 수있는 올바른 CSS를 가지고 있다면 크게 감사하겠습니다.

userChrome.css에 추가

#TabsToolbar {
    visibility: collapse;
}

#titlebar {
    margin-bottom: -25px !important;
}

#titlebar-buttonbox {
    height: 32px !important;
}

#nav-bar {
    margin-right: 42px;
}

#main-window[sizemode="maximized"] #nav-bar {
    margin-right: 42px;
}

Firefox 70.0에서 작동하지만 _ □ X누락되었습니다.