Firefox Quantum의 인터페이스는 userChrome.css 파일 덕분에 여전히 사용자 정의가 가능합니다. 이 파일을 편집하여 원치 않는 메뉴 항목을 숨기고, 탐색 모음의 탭 막대를 이동하고, 책갈피 도구 모음의 여러 행을보고, 일반적으로 불가능했던 다른 작업을 수행 할 수 있습니다.
작동 원리
관련 : Firefox Quantum은 Chrome을 “복사”하는 것이 아니라 훨씬 강력합니다.
Firefox의 userChrome.css 파일은 Firefox에서 사용하는 CSS (Cascading Style Sheet) 파일입니다. 스타일 시트는 일반적으로 웹 페이지에 적용되지만이 특정 스타일 시트는 Firefox의 사용자 인터페이스에 적용됩니다. 웹 페이지 iteslf를 둘러싼 모든 것의 모양과 레이아웃을 변경할 수 있습니다. 실제로 기능을 추가 할 수는 없습니다. 이미 존재하는 항목 만 수정하여 변경하거나 숨기거나 이동할 수 있습니다.
이것은 Chrome과 아무 관련이 없습니다. 'Chrome'은 Chrome의 이름을 딴 웹 브라우저의 사용자 인터페이스를 나타냅니다.
userChrome.css 파일은 Firefox에 오랫동안 존재했지만 Firefox Quantum의 중요성이 새롭게 대두되었습니다. 브라우저 애드온으로 이전에 수행 할 수 있었던 많은 조정은 이제 userChrome.css 파일을 편집해야만 수행 할 수 있습니다.
비틀기를 찾을 수있는 곳
CSS 코드와 Firefox의 인터페이스가 어떻게 설계되었는지 이해하면 직접 조정할 수 있지만 온라인에서 조정할 수도 있습니다. 특정 변경을 원한다면 다른 누군가가 이미 변경 방법을 알아내어 코드를 작성했을 것입니다.
시작하는 데 도움이되는 자료는 다음과 같습니다.
-
userChrome.org의 샘플 조정 : userChrome.css의 성능을 보여주는 흥미로운 조정 목록입니다.
-
Classic CSS Tweaks : 더 이상 Firefox Quantum에서 작동하지 않는 Classic Theme Restorer 확장 기능 작성자의 userChrome.css 저장소가 조정되었습니다.
-
userChrome Tweaks : 흥미로운 Firefox 비틀기 모음입니다.
-
Reddit의 FirefoxCSS :이 서브 레딧은 조정을 논의하기위한 커뮤니티입니다. 서브 레딧을 검색하여 다른 사람의 비틀기를 찾고, 사람들이 공유하고있는 것을보고, 원하는 비틀기를 찾을 수없는 경우 입력을 요청할 수도 있습니다.
-
상황에 맞는 메뉴 편집 안내서 : Firefox의 상황에 맞는 메뉴에서 항목을 제거하고 목록에서 순서를 변경하는 방법은 FirefoxCSS 하위 레딧에서 가져옵니다.
이전 버전의 Firefox에는 다른 인터페이스가있었습니다. 온라인에서 찾은 이전 userChrome.css 조정은 Firefox Quantum이라고도하는 Firefox 57 이상에서 작동하지 않을 수 있습니다.
CSS로 무엇을하고 있는지 알고 있다면 브라우저 툴박스를 사용하여 Firefox 브라우저의 크롬을 검사 할 수 있습니다. 이것은 자신의 CSS 코드로 다양한 브라우저 인터페이스 요소를 사용자 정의하는 데 필요한 정보를 제공합니다.
userChrome.css 파일을 만드는 방법
userChrome.css 파일은 기본적으로 존재하지 않으므로, 한두 번 조정하려는 경우 먼저 Firefox 프로파일 폴더 내의 적절한 위치에 파일을 작성해야합니다.
Firefox 프로필 폴더를 시작하려면 Firefox에서 메뉴> 도움말> 문제 해결 정보를 클릭하십시오.
프로필 폴더 오른쪽의 “폴더 열기”버튼을 클릭하여 엽니 다. macOS 또는 Linux에서는 대신“Show in Finder”또는“Open Directory”단추가 표시됩니다. 다음 지침은 Windows에서의 프로세스를 보여 주지만 Mac 및 Linux에서는 기본적으로 동일합니다. 다른 파일 관리자 및 텍스트 편집기)
나타나는 프로필 폴더에“chrome”이라는 폴더가 표시되면 두 번 클릭하십시오. 그러나이 폴더는 최신 버전의 Firefox에서 만들어지지 않으므로 아마 그렇지 않을 것입니다.
폴더를 작성하려면 오른쪽 분할 창에서 마우스 오른쪽 단추를 클릭하고 새로 작성> 폴더를 선택하십시오. 이름을 “chrome”으로 지정하고 Enter 키를 누른 다음 두 번 클릭하십시오.
관련 : Windows Show 파일 확장자를 만드는 방법
파일 확장자가 표시되지 않은 경우 Windows에 파일 확장자를 표시하도록 지시해야합니다. Windows는 기본적으로 파일 확장자를 숨겨서 작업을 단순화합니다. 이 단계는 macOS 또는 Linux에서는 필요하지 않으며 기본적으로이 정보를 표시합니다.
Windows 8 또는 10에서는 리본의 “보기”탭을 클릭하고 “파일 이름 확장명”상자를 선택하여 표시되도록 할 수 있습니다. Windows 7에서 구성> 폴더 및 검색 옵션을 클릭하고 “보기”탭을 클릭 한 다음 “알려진 파일 형식의 파일 확장명 숨기기”를 선택 취소하십시오.
이제 userChrome.css 파일을 만듭니다.이 파일은 실제로 .txt 확장자 대신 .css 확장자를 가진 빈 텍스트 파일입니다.
그렇게하려면 여기 오른쪽 창에서 마우스 오른쪽 버튼을 클릭하고 새로 만들기> 텍스트 문서를 선택하십시오. 파일 이름을 “userChrome.css”로 지정하여 .txt 파일 확장자를 제거하십시오.
Windows에서 파일 확장자를 변경하고 있다고 경고하며 이는 특정 유형의 파일에 문제가 될 수 있습니다. “예”를 클릭하여 변경을 확인하십시오.
macOS 또는 Linux에서 동일한 이름으로 빈 텍스트 파일을 작성하십시오.
userChrome.css 파일을 편집하는 방법
텍스트 편집기를 사용하여 userChrome.css 파일을 편집 할 수 있습니다. Windows에 포함 된 메모장 텍스트 편집기는 잘 작동합니다. 더 많은 기능을 갖춘보다 강력한 텍스트 편집기를 원한다면 Notepad ++를 좋아합니다.
메모장에서 파일을 편집하려면 마우스 오른쪽 버튼으로 클릭하고 “편집”을 선택하십시오.
파일을 복사하여 붙여 넣어 파일에 원하는 내용을 추가하십시오. 여러 개의 조정을 추가하는 경우 모두 자신의 행에 추가하십시오.
완료되면 파일> 메모장에 저장을 클릭하여 파일을 저장하십시오.
userChrome.css 파일을 편집 할 때마다 열려있는 모든 Firefox 창을 닫고 Firefox를 다시 시작해야 변경 사항이 적용됩니다.
userChrome.css 파일을 편집하기 위해 자주 “chrome”폴더로 돌아 오는 경우 폴더에 대한 바탕 화면 바로 가기를 만들거나 파일 탐색기의 “빠른 액세스”폴더에 추가 할 수 있습니다.
userContent.css 파일
Firefox에는 사용자가 편집 할 수있는 userContent.css 파일이 있으며, userContent.css 파일에 대한 수정이있을 수 있습니다.
이 파일을 사용하려면 Chrome 폴더와 같은 폴더에“userContent.css”라는 파일을 만드십시오. 이 파일에서 조정하면 새 탭 및 옵션 페이지와 같이 Firefox의 내부 “콘텐츠 페이지”에 영향을줍니다.
도와주세요.
조정에 문제가 발생하면 userChrome.css 파일에서 제거하고 Firefox를 다시 시작하면됩니다. 그래도 문제가 해결되지 않으면 userChrome.css 파일을 완전히 삭제하고 브라우저를 다시 시작하여 모든 변경 사항을 지우고 새로운 Firefox 인터페이스를 얻을 수 있습니다.
