Firefox는 브라우저의 컨텐츠 영역을 제외한 모든 것을 숨 깁니다.

주소 표시 줄, 탐색 표시 줄, 창 제목 및 탭과 같은 파이어 폭스에서 모든 테두리와 막대를 숨길 수 있습니까? 그래서 나머지 영역은 브라우저의 내용 영역입니까?

필자가 작성한 웹 응용 프로그램의 동영상을 만들고 싶지만 응용 프로그램 자체보다 더 큰 해상도로 촬영해야합니다. 모든 브라우저가없는 백그라운드에서 앱을 표시하고 싶습니다.

가장 좋은 방법은 키보드 단축키를 사용하는 것이므로 모든 것을 다시 활성화 할 수 있습니다.

가장 쉬운 방법은 Firefox에 관련 애드온을 설치하는 것입니다.

다음 설정 중 하나를 수행하려면 해당 애드온을 설치하십시오. Firefox를 다시 시작해야 할 수도 있지만 Firefox Quantum에는 불필요합니다. 사용 가능한 경우 바로 가기 키는 애드온 관리자> 확장 에서 각 애드온에 대해 변경할 수 있습니다 .

Firefox에는 모든 단축키를 한곳에서 관리 할 수 ​​있도록 키보드 단축키 섹션 이 새롭게 디자인 되어 있으며 Firefox 66 부터 사용할 수 있습니다 .

Firefox 레거시

설정 A 는 다음 애드온을 사용합니다.

• 마지막으로 테스트 된 1.41.1 서명 된 탐색 모음 숨기기
• 마지막으로 테스트 한 2.1.0.1 서명 된 Tabbar 숨기기
• HideScrollbars, 마지막 테스트 0.2.1 서명

예를 들어, 나는 별도의 키를 사용했습니다 F3과 F4각각 (숨기기 탐색 바 숨기기 TabBar의를 통해) 탐색 메뉴와 탭 표시 줄 전환합니다. 바를 숨기려면 할당 된 키를 하나씩 누르십시오. 이것은 제목 표시 줄이나 창 장식 만 보이는 Firefox를 제공합니다.

제한 사항 : 사이에 약간의 지연이 있기 때문에 동일한 키를 할당하면 제대로 작동하지 않습니다. 별도의 키를 동시에 눌러도 결과는 비슷합니다. 어느 쪽이든, 막대 중 하나는 사용자와 함께 숨바꼭질을 숨기거나 재생하지 않습니다.

Firefox 56 이전 버전 ( 더 이상 사용 되지 않음 )에서 작동하지만 Firefox 애드온에서 더 이상 사용할 수 없습니다. Linux에서 Firefox 41.0을 사용하여 테스트했습니다. 스크린 샷이 없습니다.

Firefox Quantum의 경우

설치 B 는 다음 추가 기능을 사용합니다.

• tkrkt의 툴바가없는 새 창

HTTP, HTTPS 또는 로컬 호스트의 웹 페이지로 이동 한 다음 바로 가기 키를 사용하거나 도구 모음에서 해당 아이콘을 클릭하거나 상황에 맞는 메뉴에서 "도구 모음이없는 새 창"을 클릭하십시오. 웹 페이지는 제목 표시 줄과 세로 스크롤 막대 만 보이는 새 창에서 추가로 열립니다.

키보드 단축키 : Shift+ Alt+ N(1.3.0의 기본값)

제한 사항 :이 애드온은 로컬 파일 시스템 (file : ///)의 페이지와 내장 페이지 (about : *)를 전혀 열지 않습니다.

Firefox 42 이상에서 작동합니다. Linux에서 Firefox 69.0으로 1.3.0을 테스트했습니다.

설정 C 는 다음 애드온을 사용합니다.

• Ett Chung의 팝업 창

웹 페이지로 이동 한 다음 도구 모음에서 해당 아이콘을 클릭하거나 상황에 맞는 메뉴에서 "현재 탭을 팝업 창으로 이동"또는 "현재 페이지 팝업 / 병합"을 클릭하십시오. 웹 페이지는 제목 표시 줄과 세로 스크롤 막대 만 보이는 새 창 으로 이동합니다. 새 창을 일반 탭으로 되돌리려면 상황에 맞는 메뉴에서 "현재 페이지 팝업 / 병합"을 다시 클릭하십시오.

키보드 단축키 : 지정되지 않음 (0.0.8의 기본값)

제한 사항 : 팝업 창은 항상 Firefox의 원래 창 위에 유지되며 변경할 수 없습니다.

Firefox 53 이상에서 작동합니다. Linux에서 Firefox 69.0으로 0.0.8을 테스트했습니다.

애드온이없는 Firefox의 경우

Firefox의 모든 릴리스에서 작동하지만 가장 쉬운 방법은 아니며 키보드 단축키가없는 별도의 답변을 아래에 게시 했습니다 (클릭 또는 아래로 스크롤).

기본 방법은 Firefox에서 사용자 정의 스타일 시트를 사용하는 것입니다. userChrome.css

Firefox는 Firefox 69 이상에서 기본적으로 userChrome.css를로드하지 않습니다. 사용자 정의 스타일 시트를 다시 적용하려면 about:configFirefox 에서 열고 환경 설정 toolkit.legacyUserProfileCustomizations.stylesheets을true

이 답변이 업데이트되기 전에 Mike G는 후속 답변을 일찍 작성했습니다 .

작동 원리

다음 코드 블록은 userChrome.cssFirefox에서 탭 표시 줄, 탐색 표시 줄 및 스크롤 막대를 숨기는 내용입니다 . 유효한 요소 이름과 ID 를 사용해야합니다 .

/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */

/*
 * Hide tab bar, navigation bar and scrollbars
 * !important may be added to force override, but not necessary
 * #content is not necessary to hide scroll bars
 */
#TabsToolbar {visibility: collapse;}
#navigator-toolbox {visibility: collapse;}
browser {margin-right: -14px; margin-bottom: -14px;}

제한 사항 : 키보드 단축키가 없습니다. 주문형을 활성화하거나 비활성화하는 데 지루합니다.

• 기본 인터페이스를 복원하려면 userChrome.css다른 이름으로 바꾸고 userChrome.tmpFirefox를 다시 시작하여 적용하십시오.

• 기본 인터페이스가있는 다른 Firefox 인스턴스와 나란히 사용하려면 별도의 프로파일을 사용하십시오 .

모든 프로필은에 저장된 프로필 폴더 , 파이어 폭스에서 찾을 수 있습니다 로 이동하여 메뉴 표시 줄이나 도구 모음, 사용 도움말> 문제 해결 정보 .

설정 및 사용 방법

다음은 시스템 플랫폼에 관계없이 일반적인 단계입니다.

1. Firefox의 프로파일 관리자 를 실행 한 다음 'hidebars'(선택한 이름)라는 새 프로파일 을 작성 하고 프로파일 관리자를 닫으십시오.

2. 파일 관리자를 실행하고 1 단계에서 작성된 프로파일 폴더 를여십시오.

3. 새 프로파일 폴더 아래에 상위 폴더를 포함하여 새 파일 chrome/userChrome.css 을 작성하십시오 (chrome 없는 경우).

4. userChrome.css위 의 내용 을 3 단계에서 만든 파일로 복사하여 붙여 넣 습니다.

5. 마지막으로 파일을 저장하고 닫습니다 .

사용을 시작하려면 새 프로필로 Firefox 인스턴스를 실행하십시오.

다음 스크린 샷 콤보는 Linux에서 Firefox 레거시 (왼쪽) 및 Firefox Quantum을 보여줍니다. 각 스타일은 사용자 정의 스타일 시트를 사용할 때 작은 창 크기로 탐색됩니다.

Firefox 69 이상을 제외한 모든 Firefox 릴리스에서 작동합니다. 이제 기본적으로 userChrome.css를 무시합니다. Linux에서 Firefox 10, 20, 50 (Firefox Legacy) 및 60, 63, 69 (Firefox Quantum)로 테스트했으며 모두 예상대로 작동하는 것 같습니다.

참고 문헌

• Firefox 지원 포럼에서 user1929의 답변은#TabToolbar 탭 표시 줄을 수정하기위한 요소 이름과 ID를 언급했습니다 .

• GitHub의 Timvde가 작성한이 사용자 지정 파일은#navigator-toolbox 탐색 모음을 수정하기위한 요소 이름과 ID를 언급했습니다 .

• 이 답변은 Firefox 지원 포럼의 cor-el이#content browser 스크롤 막대를 수정하기위한 요소 이름과 ID를 언급했습니다 .

• w3schools의 CSS 오버플 로는 이해할 overflow필요가 없습니다.

• 의 가치를 이해하기위한 w3schools의 CSS 가시성 속성visibility .

• CSS에서“! important”를 사용하면 어떤 의미가 있습니까? 스택 오버플 로에서 이해할 !important필요는 없습니다.

• 파이어 폭스 60 파산 숨기기 스크롤 CSS 및 숨기기 스크롤 파이어 폭스 60 : FirefoxCSS reddit.com에 제거하기 위해 제안 모두 #content만 남겨 browser제대로 스크롤 바를 사용을 숨 깁니다.

• 파이어 폭스 69 : userChrome.css하고있는 userContent.css은 기본적으로 비활성화 ghacks.net과에 PSA : 파이어 폭스 v69 사용자는 userChrome.css하고있는 userContent.css을 가능하게하는 현 설정해야합니다 새로운 환경주의했다 reddit.com 모두를 toolkit.legacyUserProfileCustomizations.stylesheets의를 about:config.

답변자 주 :이 답변은 2 년 후 첫 답변에 애드온 사용을 제안한 후에 작성 되었습니다 . 그 이후로이 답변을 개선하는 대신 userChrome.css를 기반으로 더 많은 답변이 작성되었습니다. 따라서이 답변은 이제 커뮤니티 위키이므로 평판이 가장 좋은 사람이라면 누구나이 게시물을 개선하여 Firefox의 최신 변경 사항을 따라갈 수 있습니다.

나는 이것이 늦다는 것을 알고 있지만, 이것을 위해 북마크를 만들었습니다. 추가 기능이나 다운로드가 필요하지 않습니다 :)

다음 JavaScript 코드를 bookmarklet 으로 저장하고 새 최소 창에서 보려는 페이지에서 클릭하십시오.

javascript:void%20function(){window.open(window.location.href,Math.random(),%22menubar=1,resizable=0%22)}();

프로세스를보다 쉽게하려면 여기를 클릭하십시오! | JSfiddle

참고 : 이것은 모든 브라우저에서 작동합니다

저는 Firefox와 Vivaldi를 좋아합니다. Vivaldi의 가장 큰 특징 중 하나 (마우스 제스처 사용자)는 조정하고 이동할 수있는 옵션 (사이드 바, 책갈피, 주소 표시 줄, 상태 표시 줄 등)이 너무 많다는 것입니다.

하나의 단축키는 'UI 숨기기'입니다. 모든 것이 사라집니다 ... 그래서 탭 / 애디 바 등을 볼 필요가 없을 때 마우스를 움직이지 않고 페이지와 창을 남깁니다.

마법.

또한 창 색상은 웹 페이지에서 힌트를 얻어 매우 잘 작동합니다.

늦었다는 것을 알고 있지만 누군가는 좋아할 것입니다.

Firefox UI 요소가 필요할 때까지 숨기려면 내 userChrome.css것이 될 것입니다. (FF 70.0.1에서 작업)

• 탭이 하나만 있으면 탭 막대가 숨겨집니다.
• 주소 표시 줄은 Ctrl-L, F6 등으로 초점을 맞출 때까지 숨겨집니다.
• 오른쪽의 스크롤 막대가 제거됩니다

숨기기 위해 파이어 폭스의 사용해야합니다 탭을 바 customize을 끌어 (탭 바에서 바로 클릭) newtab (+) button탭 바 오프, 그리고 당신이 사용하고 구성하는 시스템 Titlebar(그래서 윈도우의 최소, 최대 , 닫기 버튼은 탭 막대에 없습니다). 그렇지 않으면 해당 버튼이 숨기기를 방해합니다.

userChrome.css파일 을 넣을 위치 와 파일을 활성화하는 방법 에 대한 지침 은이 우수한 게시물 ( /superuser//a/1269912/1107142) 에서 찾을 수 있습니다.

내 요약 :

• 에 about:config페이지 전환 toolkit.legacyUserProfileCustomizations.stylesheets에true
• 수 Profile Directory에서 about:support페이지
• 라는 디렉토리 생성 chrome에 당신의Profile Directory
• userChrome.css그 chrome디렉토리 에 파일을 넣다

내 userChrome.css는 마음대로 복사하여 붙여 넣습니다.

/* namespace required, do not remove */
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* hide tabbar if only one tab */
/* note: won't hide unless newtab (+) button is removed from tabbar and */
/* the system title bars are used (use window manager to disable window */
/* titlebar decorations if desired). */
/* use 'customize' from menu and just drag the (+) button off the tabbar */
/* on the bottom options bar make sure titlebar is on */     
/* setting density to compact is also nice */
#tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
    min-height: 0 !important;
}
#tabbrowser-tabs tab {
    min-height: var(--tab-min-height)
}
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
    visibility: collapse;
}

/* autohide addressbar */
/* will show address bar when focused with alt-d,ctrl-l,ctrl-k, or f6 */
/* I don't like the mouse hover activation, but follow comments below */
/* if that's something you'd like. */
/* Also,can change nav-bar to navigation-toolbox to autohide all toolbars */
#nav-bar {
    height: 0px !important;
    min-height: 0px !important;
    overflow: hidden !important;
    /* for mouse hover activation would need some height */
    /* disable above height: 0px line and add: */
    /* height: 3px !important; */
}
/* for mouse hover activation need to add: */
/* #nav-bar:hover, */
#nav-bar:focus,
#nav-bar:focus-within,
#nav-bar:active {
    height: auto !important;
}

/* remove right hand scrollbar */
browser {
    margin-right: -15px;
}

내가 아는 가장 좋은 옵션은 전체 화면 모드이며 F11모든 최신 브라우저에서 사용하도록 전환됩니다 . 그러나 바탕 화면 배경과 다른 앱은 숨겨져 있으며 원하는 것은 아닐 수도 있습니다. 웹 응용 프로그램의 내용 주위의 공간을 흰색으로 채 웁니다 (또는 웹 응용 프로그램 스타일 시트의 배경색 / 이미지가 무엇이든).

명령 행에서 앱 창을 실행할 수 있습니다

"c : \ Program Files \ Mozilla Firefox"\ firefox.exe -chrome " http://www.example.com "

원하는 배경을 가진 확장 된 데스크탑에 배치하십시오.

Firefox Quantum ( > = 57 ) 에서이 작업을 수행하는 방법에 대한 질문은이 질문에 대답 할 수 있습니다 ( Firefox Quantum (> = 57) 모든 도구 모음을 전환하는 방법? (F11과 같은 키보드 단축키는 있지만 전체 화면이 아닌 창에 있음) )

F11 / Fullscreen은 때때로 비실용적입니다.
Firefox 버전에서 툴바를 토글하려면57 이전의addon "Dorando keyconfig"를 사용하여 가능합니다.

1. Dorando "Key Editor"에서 스크립트를 지정하십시오.

var s = document.getElementById('status-bar');
s.hidden = !s.hidden;
var b = document.getElementById('PersonalToolbar');
b.collapsed = !b.collapsed;
var nb = document.getElementById('nav-bar');
nb.collapsed =!nb.collapsed
var tb = document.getElementById('TabsToolbar');
tb.collapsed =!tb.collapsed

2. Dorando 애드온 인터페이스를 통해 키보드 단축키로 매핑

--kiosk새로운 Firefox v.71에서 새로운 명령 매개 변수 를 시도해야합니다

https://www.mozilla.org/en-US/firefox/71.0a1/releasenotes/

스타일 시트 사용을 제안하는 위의 clearkimura의 답변은 이후 버전의 Firefox에서 약간 조정해야합니다. 내가 이것을 한 후에 해결책은 나를 위해 일했다. 보내는 사람 이 웹 페이지 :

시작할 때 userChrome.css를 찾도록 Firefox를 설정하십시오 (2019 년 5 월 24 일 업데이트 됨)

대부분의 사용자가 더 빨리 시작할 수 있도록 Firefox 69는 더 이상이 파일을 자동으로 찾지 않습니다. 당신은 그것을 보라고 말해야합니다. 방법은 다음과 같습니다.

1. 새 탭에서 입력하거나 붙여 넣기 에서 주소 표시 줄에 about : config 를 Enter / Return을 누르십시오. 위험을 수용하는 버튼을 클릭하십시오.
2. 목록 위의 검색 상자에서 userprof를 입력하거나 붙여넣고 목록이 필터링되는 동안 일시 중지하십시오.목록에 아무 것도 표시되지 않으면 나머지 지침을 무시하십시오. 이제이 탭을 닫을 수 있습니다.
3. toolkit.legacyUserProfileCustomizations.stylesheets를 두 번 클릭하십시오. 환경 설정을 값을 false에서 true로 전환하십시오.

이 변경 사항은 다음에 시작할 때 적용됩니다.