Firefox приховує все, крім області вмісту браузера

Чи є можливість приховати всі межі та смуги у Firefox, як адресна панель, панель навігації, заголовок вікна та вкладки, тож решта області - лише область вмісту браузера?

Я хотів би зробити фільм із написаного нами веб-додатку, але мусити його знімати з більшою роздільною здатністю, ніж сам додаток. Я просто хочу показувати додаток у фоновому режимі без усіх речей браузера.

Найкращим методом було б клавіатурне скорочення, щоб я міг повторно використовувати всі речі заново.

Найпростіший спосіб - встановити відповідні додатки у Firefox.

Для будь-якого з наступних налаштувань встановіть відповідні додатки. Firefox може знадобитися перезапустити, але це часто непотрібно для Firefox Quantum. Клавішу швидкого доступу, якщо вона доступна, можна змінити в Менеджері надбудов> Розширення для відповідного додатку.

Firefox має перероблений розділ комбінацій клавіш, щоб керувати всіма ярликами в одному місці, яке було доступне з Firefox 66 .

Для спадщини Firefox

Налаштування A використовує такі додатки:

• Сховати навігаційну смугу, востаннє перевірену 1.41.1
• Сховати панель вкладок, востаннє перевірена 2.1.0.1
• HideScrollbar, востаннє тестований 0.2.1

Наприклад, я використовував окремі клавіші F3та F4перемикав меню навігації та панель вкладок (через приховати панель навігації та приховати панель вкладок) відповідно. Щоб приховати бруски, натискайте призначені клавіші по черзі. Це дасть Firefox лише видимий рядок заголовка чи декор вікон.

Обмеження: Призначення одного ключа не працює добре через деяку затримку між ними. Результат подібний, навіть якщо окремі клавіші одночасно натискали. Так чи інакше, один із барів не заховатиметься та не буде грати з користувачем.

Працює з Firefox 56 і новішими ( застарілими ), але більше не доступні для Firefox надбудови. Протестовано повністю з Firefox 41.0 в Linux. Немає скріншоту.

Для Firefox Quantum

Налаштування B використовує такі додатки:

• Нове вікно без панелі інструментів від tkrkt

Перейдіть на веб-сторінку HTTP, HTTPS або localhost, а потім скористайтеся ярликом клавіатури або натисніть відповідний значок на панелі інструментів або «Нове вікно без панелі інструментів» у контекстному меню. Додатково відкриється веб-сторінка у новому вікні, лише з видимим рядком заголовка та вертикальною смугою прокрутки.

Комбінація клавіш: Shift+ Alt+ N(за замовчуванням у 1.3.0)

Обмеження: Цей додаток взагалі не відкриває жодну сторінку локальної файлової системи (файл: ///) та вбудовані сторінки (про: *).

Працює з Firefox 42 та новіших версій. Тестовано 1.3.0 з Firefox 69.0 в Linux.

Налаштування C використовує такі додатки:

• Спливаюче вікно Ett Chung

Перейдіть на веб-сторінку, а потім натисніть відповідну піктограму на панелі інструментів або "Перемістіть поточну вкладку до спливаючого вікна" або "спливаюче / об'єднайте поточну сторінку" у контекстному меню. Веб-сторінка перейде в нове вікно, лише з видимим рядком заголовка та вертикальною смугою прокрутки. Щоб повернути нове вікно до звичайної вкладки, натисніть знову на "спливаюче / об'єднайте поточну сторінку" у контекстному меню.

Комбінація клавіш: Не призначено (за замовчуванням у 0.0.8)

Обмеження: спливаюче вікно завжди залишатиметься над початковим вікном Firefox, яке неможливо змінити.

Працює з Firefox 53 та новіших версій. Тестовано 0.0.8 з Firefox 69.0 в Linux.

Для Firefox без надбудови

Я розмістив окрему відповідь внизу (натисніть або прокрутіть вниз), яка працює для будь-якого випуску Firefox, але не найпростішим способом і не має комбінацій клавіш.

Нативним способом є використання користувальницької таблиці стилів у Firefox: userChrome.css

Firefox не завантажує userChrome.css за замовчуванням у Firefox 69 та новіших версіях. Для того, щоб зробити замовлення стилів ефективним знову відкрийте about:configв Firefox і встановіть перевагу toolkit.legacyUserProfileCustomizations.stylesheetsвtrue

Перед тим, як цю відповідь було оновлено, Майк Г написав відповідь, що подав далі .

Як це працює

Наступний блок коду - це вміст, userChrome.cssякий буде приховувати панель вкладок, панель навігації та смуги прокрутки у Firefox. Переконайтеся, що використовуються дійсні імена елементів та ідентифікатори .

/*
 * 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.tmpта перезапустіть Firefox, щоб набути чинності.

• Щоб використовувати поряд з іншим екземпляром Firefox з інтерфейсом за замовчуванням, використовуйте окремий профіль .

Усі профілі зберігаються у папці профілів , яку можна знайти у Firefox за допомогою панелі меню або панелі інструментів, а потім перейдіть до Довідки> Інформація про усунення несправностей .

Як налаштувати та використовувати

Нижче наведено загальні етапи незалежно від платформи системи.

1. Запустіть Менеджер профілів Firefox, а потім створіть новий профіль під назвою "skriba" (будь-яке ім'я на вибір) та закрийте Менеджер профілів.

2. Запустіть менеджер файлів і відкрийте папку профілю , створену на кроці 1.

3. У новій папці профілю створіть нові файли, chrome/userChrome.css включаючи батьківську папку, chromeякщо вона не існує.

4. Скопіюйте та вставте вміст з userChrome.cssзверху в створений файл на кроці 3.

5. Нарешті, збережіть і закрийте файл.

Щоб почати використовувати, запустіть екземпляр Firefox з новим профілем.

На наступному комбінованому екрані екрана показані Firefox Legacy (зліва) та Firefox Quantum в Linux, кожен з яких переглядає невеликий розмір вікна, коли використовується таблиця стилів.

Працює з усіма випусками Firefox, за винятком Firefox 69 та пізніших версій, ігнорувати userChrome.css за замовчуванням. Тестовані з Firefox 10, 20, 50 (Firefox Legacy) та 60, 63, 69 (Firefox Quantum) на Linux, і все, здавалося, працює як очікувалося.

Список літератури

• Ця відповідь user1929 на Форумі підтримки Firefox згадала #TabToolbarім'я та ідентифікатор елемента для зміни панелі вкладок.

• Цей спеціальний файл Timvde на GitHub згаданого #navigator-toolboxімені та ідентифікатора елемента для зміни панелі навігації.

• Ця відповідь cor-el на Форумі підтримки Firefox згадала #content browserім'я та ідентифікатор елемента для зміни смуг прокрутки.

• Переповнення CSS у w3schools для розуміння overflowне потрібно.

• Властивість видимості CSS у школах w3school, щоб зрозуміти значення для visibility.

• Які наслідки використання "! Важливого" в CSS? на стеку Overflow розуміти !importantне потрібно.

• Firefox 60 зламав css панелі прокрутки та Сховати панель прокрутки Firefox 60: FirefoxCSS на reddit.com обидва запропонували видалити #contentта залишити лише browserналежним чином приховати панель прокрутки.

• Firefox 69: userChrome.css і userContent.css за замовчуванням відключений на ghacks.net і PSA: користувачі Firefox V69 доведеться встановити прив для включення userChrome.css і userContent.css на reddit.com як відзначили нове перевагу toolkit.legacyUserProfileCustomizations.stylesheetsв about:config.

Примітка відповіді : Ця відповідь була написана через два роки , лише після того, як я запропонував використовувати додатки в першій відповіді . З того часу було написано ще кілька відповідей на основі userChrome.css замість вдосконалення цієї відповіді. Отже, ця відповідь тепер є вікі спільноти, тому кожен, хто має мінімальну репутацію, може покращити цю посаду, щоб не відставати від останніх змін у Firefox.

Я знаю, що це дуже пізно, але я зробив закладку для цього, він не потребує додавання та завантаження :)

Збережіть такий код JavaScript як закладку і натисніть на ньому на сторінці, яку ви хочете переглянути у новому мінімальному вікні:

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

Клацніть тут, щоб полегшити процес! | JSfiddle

Примітка. Це має працювати у всіх браузерах

Я люблю Firefox та Vivaldi. Однією з найкращих особливостей Вівальді (що я є користувачем жестів миші) є те, що у нього є стільки варіантів (бічні панелі, закладки, адресна панель, рядок стану тощо), які можна регулювати та переміщувати ...

В одному ярлику написано "Сховати інтерфейс користувача". Все зникає ... тож, коли вам не потрібно бачити вкладки / адді-бар тощо, тоді я просто виколюю мишу, і мені залишається сторінка та вікно.

Магія.

Ще краще, що колір вікна містить підказки з веб-сторінки та працює дуже добре - чудово поєднується.

Я знаю, що пізно, але, можливо, комусь сподобається.

Якщо ви просто хочете приховати елементи інтерфейсу Firefox до тих пір, поки вони не знадобляться, можливо, моє userChrome.cssдля вас. (працює над FF 70.0.1)

• Панель вкладок прихована, якщо лише одна вкладка
• Адреса-рядок прихована, поки не сфокусовано з Ctrl-L, F6 тощо
• Прокрутки праворуч видалено

Щоб приховати панель вкладок, вам потрібно буде використовувати Firefox customize(лише клацніть правою кнопкою миші на панелі вкладок), щоб зняти newtab (+) buttonпанель вкладок і переконайтеся, що ви використовуєте систему Titlebar(так, щоб вікно min, max , а кнопки закриття відсутні на панелі вкладок). Інакше ці кнопки будуть перешкоджати хованню.

Інструкції про те, куди потрібно розмістити 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: \ програмні файли \ Mozilla Firefox" \ firefox.exe -chrome " http://www.example.com "

і розміщуйте на розширеному робочому столі з фоном на ваш вибір.

Питання, як це зробити в Firefox Quantum ( > = 57 ), можливо, відповідає на це запитання ( Firefox Quantum (> = 57) Як перемикати всі панелі інструментів? (За допомогою комбінації клавіш, як F11, але у вікні, а не на повноекранному екрані) )

F11 / Повний екран іноді недоцільно.
Якщо ви просто хочете переключити панелі інструментів у версіях Firefox попередньої до 57 , можливо, за допомогою додатка "Dorando keyconfig": 1. вкажіть сценарій у "Редакторі ключів" Dorando

:

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. Рішення працювало для мене, як тільки я це робив. З цієї веб-сторінки:

Налаштуйте Firefox шукати userChrome.css при запуску (оновлено 24.05.2019)

Для швидшого запуску для більшості користувачів Firefox 69 більше не буде шукати цей файл автоматично. Вам потрібно сказати, щоб він подивився. Ось як:

1. На новій вкладці введіть або вставте about: config у адресний рядок і натисніть Enter / Return. Натисніть кнопку, яка приймає ризик.
2. У полі пошуку над списком введіть або вставте userprof і призупиніть, поки список фільтрується. Якщо ви нічого не бачите в списку, проігноруйте решту цих інструкцій. Ви можете закрити цю вкладку зараз.
3. Двічі клацніть перелік параметрів toolkit.legacyUserProfileCustomizations.stylesheets, щоб переключити значення з false на істинне.

Ця зміна має набути чинності при наступному запуску.