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