13

Есть ли возможность скрыть все границы и панели в Firefox, такие как адресная строка, панель навигации, заголовок окна и вкладки, поэтому оставшаяся область - это просто область содержимого браузера?

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

Наилучшим способом будет использование сочетания клавиш, чтобы я мог снова включить все.

8 ответов8

11

Самый простой способ - установить соответствующие дополнения в Firefox.

Для любой из следующих настроек установите соответствующие дополнения. Firefox может потребоваться перезагрузить, но часто это не нужно для Firefox Quantum. Сочетание клавиш, если оно доступно, можно изменить в « Менеджере дополнений»> «Расширения» в настройках соответствующего дополнения.

Для Firefox Legacy

Программа установки A использует следующие дополнения:

  • Скрыть панель навигации, протестировано с подписью 1.41.1
  • Скрыть вкладку, протестировано с подписью 2.1.0.1
  • HideScrollbars, протестирован с подписью 0.2.1

Использование: Например, я использовал отдельные клавиши F3 и F4 для переключения меню навигации и панели вкладок (через Hide Navigation Bar и Hide Tabbar) соответственно. Чтобы скрыть полосы, нажмите назначенные клавиши по очереди, т.е. нажмите F3, затем F4. Это даст Firefox только с видимой строкой заголовка (оформление окна).

Ограничение: Назначение одного и того же ключа не работает должным образом, вероятно из-за некоторой задержки, чтобы скрыть любой бар. Результат аналогичен, если отдельные клавиши были нажаты одновременно. В любом случае, один из баров не будет прятаться и играть в прятки с пользователем.

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

Для Firefox Quantum

Программа установки B использует следующие дополнения:

Использование: перейдите на веб-страницу по HTTP, HTTPS или локальному хосту, затем нажмите "Новое окно без панели инструментов" на панели инструментов или в контекстном меню. Веб-страница будет дополнительно открыта в новом окне с видимой строкой заголовка и только вертикальной полосой прокрутки.

Ограничение: нет сочетания клавиш. Нет конфигурации вообще. Это дополнение вообще не открывает никаких страниц в локальной файловой системе (file:///) и встроенных страницах (about: *).

Доступно для Firefox 42 и новее. Протестировано с использованием Firefox 50.0 и 63.0 в Linux.

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

Программа установки C использует следующие дополнения:

Использование: перейдите на веб-страницу, затем нажмите "Переместить текущую вкладку во всплывающее окно" на панели инструментов или «всплывающее окно / объединить текущую страницу» в контекстном меню. Веб-страница переместится в новое окно с видимой строкой заголовка и только вертикальной полосой прокрутки. Чтобы вернуть новое окно на обычную вкладку, снова щелкните «всплывающее окно / объединить текущую страницу» в контекстном меню.

Ограничение: нет сочетания клавиш. Некоторая конфигурация возможна. Всплывающее окно всегда будет оставаться поверх оригинального окна Firefox, которое нельзя изменить.

Доступно для Firefox 53 и новее. Протестировано с использованием Firefox 63.0 на Linux.

Всплывающее окно Этт Чунг

Для Firefox без надстройки

Ниже я разместил отдельный ответ (нажмите или прокрутите вниз), который работает для любой версии Firefox, но не самый простой способ и не имеет сочетаний клавиш.

8

Следующий простой способ - использовать пользовательскую таблицу стилей: userChrome.css

Как это устроено

Следующий блок кода представляет собой содержимое 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, затем создайте новый профиль с именем «hidebars» (любое имя на выбор) и закройте диспетчер профилей.

  2. Запустите файловый менеджер и откройте папку профиля , созданную на шаге 1.

  3. В новой папке профиля создайте новые файлы chrome/userChrome.css включая родительскую папку chrome если она не существует.

  4. Скопируйте и вставьте содержимое userChrome.css сверху в созданный файл на шаге 3.

  5. Наконец, сохраните и закройте файл.

Как пользоваться

Просто запустите экземпляр Firefox с новым профилем.

На следующем снимке экрана показаны Firefox Legacy (слева) и Firefox Quantum в Linux, каждый из которых просматривает в небольшом размере окна при использовании пользовательской таблицы стилей.

Firefox Legacy и Firefox Quantum без баров

Применимо ко всем выпускам Firefox. Протестировано с использованием Firefox 10, 20, 50 (Firefox Legacy) и 60, 63 (Firefox Quantum) в Linux, и все, похоже, работает как ожидалось.

Рекомендации

1

Я знаю, что это очень поздно, но я сделал для этого букмарклет, он не требует никаких дополнений и загрузок :)

Сохраните следующий код JavaScript как букмарклет и щелкните по нему на странице, которую вы хотите просмотреть в новом минимальном окне:

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

Нажмите здесь, чтобы сделать процесс проще! | JSfiddle

Примечание: это должно работать во всех браузерах

1

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

Один ярлык говорит «Скрыть пользовательский интерфейс». Все исчезает ... поэтому, когда вам не нужно видеть вкладки / панель надстроек и т.д., Тогда я просто провожу мышкой и остаюсь со страницей и окном.

Магия.

Более того, цвет окна берет подсказки с веб-страницы и работает очень хорошо - прекрасно сочетается.

1

Лучший из известных мне вариантов - это полноэкранный режим, который переключается с помощью F11 во всех современных браузерах. Однако это скроет фон вашего рабочего стола и другие приложения, что может не соответствовать вашим ожиданиям. Он просто заполнит пространство вокруг содержимого веб-приложения белым цветом (или любым другим цветом фона / изображения в таблице стилей веб-приложения).

0

только нажмите F11, и он скрывает URL / вкладку и все. нет необходимости устанавливать какие-либо дополнения

это работает на Google Chrome и Mozilla

0

Вопросы о том, как это сделать в Firefox Quantum (> = 57), возможно, отвечают на этот вопрос (Firefox Quantum (> = 57) Как переключать все панели инструментов?(с сочетанием клавиш, как F11, но в окне, а не в полноэкранном режиме))

F11/Fullscreen иногда нецелесообразно.
Если вы просто хотите , чтобы переключить панель инструментов в версиях 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

0

Вы можете запустить окно приложения из командной строки

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

и поместите на расширенный рабочий стол с фоном на ваш выбор.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .