Firefox versteckt alles außer dem Inhaltsbereich des Browsers

28

Gibt es eine Möglichkeit, alle Rahmen und Leisten in Firefox wie Adressleiste, Navigationsleiste, Fenstertitel und Registerkarten auszublenden, sodass der verbleibende Bereich nur der Inhaltsbereich des Browsers ist?

Ich möchte aus einer von mir geschriebenen Webanwendung einen Film machen, muss ihn jedoch in einer größeren Auflösung als die App selbst filmen. Ich möchte die App einfach auf einem Hintergrund ohne all das Browser-Zeug zeigen.

Die beste Methode wäre per Tastenkürzel, damit ich das ganze Zeug wieder aktivieren kann.

uloco
quelle
1
Reicht das Drücken von F11 nicht aus?
Ivan Neretin
2
Durch Drücken von F11 werden andere Fenster ausgeblendet, was insbesondere bei Fenstermanagern mit Kacheln problematisch ist.
Gmarmstrong
OBS kann dies lösen, ohne Firefox durch Zuschneiden zu modifizieren
Jonathan

Antworten:

21

Am einfachsten ist es, relevante Add-Ons in Firefox zu installieren.

Installieren Sie für jedes der folgenden Setups die entsprechenden Add-Ons. Firefox muss möglicherweise neu gestartet werden, ist jedoch für Firefox Quantum häufig nicht erforderlich. Die Tastenkombination kann, sofern verfügbar, über Add-On-Manager> Erweiterungen geändert werden Add-On für das jeweilige Add-On .

Firefox verfügt über einen neu gestalteten Bereich für Tastaturkürzel , in dem alle Verknüpfungen an einem Ort verwaltet werden können. Dieser Bereich ist seit Firefox 66 verfügbar .

Für Firefox Legacy

Setup A verwendet die folgenden Add-Ons:

  • Navigationsleiste ausblenden, zuletzt getestet 1.41.1-signiert
  • Tabbar ausblenden, zuletzt getestet 2.1.0.1-signiert
  • HideScrollbars, zuletzt getestet mit 0.2.1 signiert

Ich habe zum Beispiel separate Tasten F3und verwendetF4 das Navigationsmenü und die Registerkartenleiste umgeschaltet (über "Navigationsleiste ausblenden" bzw. "Registerkartenleiste ausblenden"). Drücken Sie die zugewiesenen Tasten nacheinander, um die Balken auszublenden. Dies gibt Firefox nur mit sichtbarer Titelleiste oder Fensterdekoration.

Einschränkung: Die Zuweisung des gleichen Schlüssels funktioniert aufgrund einer Verzögerung dazwischen nicht richtig. Das Ergebnis ist ähnlich, auch wenn die einzelnen Tasten gleichzeitig gedrückt wurden. In beiden Fällen wird eine der Leisten nicht verstecken und mit dem Benutzer Verstecken spielen.

Funktioniert mit Firefox 56 und früheren Versionen ( veraltet ), ist jedoch nicht mehr über Firefox-Add-Ons verfügbar. Insgesamt getestet mit Firefox 41.0 unter Linux. Kein Screenshot.

Für Firefox Quantum

Setup B verwendet die folgenden Add-Ons:

Gehen Sie zu einer Webseite auf HTTP, HTTPS oder localhost und verwenden Sie die Tastenkombination oder klicken Sie auf das entsprechende Symbol in der Symbolleiste oder im Kontextmenü auf "Neues Fenster ohne Symbolleiste". Die Webseite wird zusätzlich in einem neuen Fenster mit sichtbarer Titelleiste und vertikaler Bildlaufleiste geöffnet.

Tastaturkürzel: Shift+ Alt+ N(Standard in 1.3.0)

Einschränkung: Dieses Add-On öffnet überhaupt keine Seite im lokalen Dateisystem (Datei: ///) und in den eingebauten Seiten (ungefähr: *).

Funktioniert mit Firefox 42 und höher. Getestet 1.3.0 mit Firefox 69.0 unter Linux.

Neues Fenster ohne Symbolleiste von tkrkt

Setup C verwendet die folgenden Add-Ons:

Gehen Sie zu einer Webseite und klicken Sie dann auf das entsprechende Symbol in der Symbolleiste oder entweder auf "Aktuelle Registerkarte in Popup-Fenster verschieben" oder auf "Aktuelle Seite einblenden / zusammenführen" im Kontextmenü. Die Webseite wird in ein neues Fenster verschoben, in dem nur die Titelleiste und die vertikale Bildlaufleiste sichtbar sind. Um das neue Fenster auf eine normale Registerkarte zurückzusetzen, klicken Sie im Kontextmenü erneut auf "Aktuelle Seite einblenden / zusammenführen".

Tastaturkürzel: Nicht zugewiesen (Standard in 0.0.8)

Einschränkung: Das Popup-Fenster bleibt immer über dem Originalfenster von Firefox, das nicht geändert werden kann.

Funktioniert mit Firefox 53 und höher. Getestet 0.0.8 mit Firefox 69.0 unter Linux.

Popup-Fenster von Ett Chung

Für Firefox ohne Add-On

Ich habe unten eine separate Antwort gepostet (klicken oder scrollen), die für jede Firefox-Version funktioniert, aber nicht auf die einfachste Art und Weise und ohne Tastaturkürzel.

revs user109256
quelle
2
Es wäre großartig, wenn es eine einzige Erweiterung gäbe, die das tut, was das OP verlangt, anstatt die Leisten einzeln ein- und ausschalten zu müssen. Und schaltet um, indem Sie das wieder einschalten, was angezeigt wurde, als die Erweiterung alle Balken verdeckte.
Mitchell Model
2
Hinweis: Die Lösung für Tabs funktioniert nicht mehr mit den neuesten Firefox-Versionen. Ich schrieb einen Tab-bezogene QA hier: superuser.com/questions/1268732/...
VasyaNovikov
13

Die native Methode besteht darin, das benutzerdefinierte Stylesheet in Firefox zu verwenden: userChrome.css

Firefox lädt userChrome.css in Firefox 69 und höher nicht standardmäßig. Um das benutzerdefinierte Stylesheet wieder wirksam zu machen, öffnen Sie es about:configin Firefox und stellen Sie die Voreinstellung toolkit.legacyUserProfileCustomizations.stylesheetsauftrue

Bevor diese Antwort aktualisiert wurde, hat Mike G zuvor eine Antwort geschrieben .

Wie es funktioniert

Der folgende Codeblock enthält den Inhalt userChrome.css, mit dem die Registerkartenleiste, die Navigationsleiste und die Bildlaufleisten in Firefox ausgeblendet werden. Stellen Sie sicher, dass Sie gültige Elementnamen und IDs verwenden .

/*
 * 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;}

Einschränkung: Keine Tastaturkürzel. Das Aktivieren oder Deaktivieren bei Bedarf ist mühsam.

  • Um die Standardschnittstelle wiederherzustellen, benennen Sie sie userChrome.cssin einen anderen Namen um userChrome.tmpund starten Sie Firefox neu, damit sie wirksam wird.

  • Verwenden Sie ein separates Profil , um Firefox zusammen mit einer anderen Instanz mit Standardschnittstelle zu verwenden .

Alle Profile werden in den gespeicherten Profilordner , die von Firefox lokalisiert werden kann über die Menüleiste oder Symbolleiste, navigieren Sie zu Hilfe> Informationen zur Fehlerbehebung .

Einrichten und Verwenden

Die folgenden Schritte gelten unabhängig von der Systemplattform.

  1. Führen Sie den Profil-Manager von Firefox aus, erstellen Sie ein neues Profil mit dem Namen "Hidebars" (beliebiger Name) und schließen Sie den Profil-Manager.

  2. Führen Sie einen Dateimanager aus und öffnen Sie den in Schritt 1 erstellten Profilordner .

  3. Erstellen Sie unter dem neuen Profilordner neue Dateien,chrome/userChrome.css einschließlich des übergeordneten Ordners, chromefalls nicht vorhanden.

  4. Kopieren Sie den Inhalt der userChrome.cssvon oben in die erstellte Datei in Schritt 3.

  5. Schließlich speichern und schließen Sie die Datei.

Führen Sie zunächst eine Instanz von Firefox mit dem neuen Profil aus.

Die folgende Screenshot-Kombination zeigt Firefox Legacy (links) und Firefox Quantum unter Linux, die jeweils in kleinen Fenstern browsen, wenn das benutzerdefinierte Stylesheet verwendet wird.

Firefox Legacy und Firefox Quantum ohne Balken

Funktioniert mit allen Versionen von Firefox, außer Firefox 69 und höher. Ignorieren Sie jetzt standardmäßig userChrome.css. Getestet mit Firefox 10, 20, 50 (Firefox Legacy) und 60, 63, 69 (Firefox Quantum) unter Linux und alles schien wie erwartet zu funktionieren.

Verweise


Anmerkung des Antworters: Diese Antwort wurde zwei Jahre später geschrieben , nachdem ich in der ersten Antwort die Verwendung von Add-Ons vorgeschlagen hatte . Seitdem wurden mehrere weitere Antworten basierend auf userChrome.css geschrieben, anstatt diese Antwort zu verbessern. Daher ist diese Antwort jetzt ein Community-Wiki, sodass jeder mit minimaler Reputation diesen Beitrag verbessern kann, um mit den neuesten Änderungen in Firefox Schritt zu halten.

revs user109256
quelle
1
Vielleicht möchten Sie erwähnen, dass sich der Profilordner unter ~/.mozilla/firefox/Linux befindet
Hansaplast
1
Aktualisierte Antwort. Die plattformübergreifende Methode wird bevorzugt. Sie finden sie in Firefox selbst: Hilfe> Informationen zur Fehlerbehebung. Klicken Sie unter Anwendungsgrundlagen auf "Open Directory".
8

Ich weiß, das ist super spät, aber ich habe ein Lesezeichen dafür erstellt, es erfordert keine Add-Ons und keine Downloads :)

Speichern Sie den folgenden JavaScript-Code als Lesezeichen und klicken Sie auf der Seite, die Sie in einem neuen minimalen Fenster anzeigen möchten, darauf:

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

Klicken Sie hier, um den Vorgang zu vereinfachen! | JSfiddle

Hinweis: Dies sollte in allen Browsern funktionieren

rahuldottech
quelle
1
Dies ist die beste Lösung, imho, es ist ein aktuelles neues "Fenster". Der Nachteil ist, dass die URL-Leiste immer noch vorhanden ist, aber das ist gut genug für mich. Vielen Dank.
Sirfz
@ Sirfz froh, dass ich helfen konnte :)
rahuldottech
3

Ich liebe Firefox und Vivaldi. Eine der besten Eigenschaften von Vivaldi (ich bin ein Benutzer von Mausgesten) ist, dass es so viele Optionen (Seitenleisten, Lesezeichen, Adressleiste, Statusleiste usw.) gibt, die angepasst und verschoben werden können ...

Eine Verknüpfung lautet "Hide UI". Alles verschwindet ... also, wenn Sie keine Tabs / Addy-Leiste usw. sehen müssen, mache ich einfach einen Mauskringel und lasse die Seite und das Fenster übrig.

Magie.

Noch besser, die Fensterfarbe übernimmt Hinweise von der Webseite und funktioniert sehr gut - fügt sich gut ein.

ben
quelle
2
Willkommen bei Super User. Die Frage war, wie man das in Firefox macht. Die Beschreibung der Funktion in einem anderen Browser ist also keine wirkliche Antwort auf die Frage. Mit etwas mehr Wiederholungen könnten Sie hilfreiche Informationen wie diese als Kommentar hinzufügen.
Fixer1234
Moar aufblähen in Vivaldi, aber richtige Idee! (Selbst mit den schnellsten Rigs möchten Sie manchmal nicht so viele Zyklen in einem Browser verschwenden.) Vivaldi hat mich dazu inspiriert, dies auch für FF zu suchen.
Benjamin R
3

Ich weiß, dass es spät ist, aber vielleicht wird es jemandem gefallen.

Wenn Sie die Elemente der Firefox-Benutzeroberfläche nur so lange ausblenden möchten, bis sie benötigt werden, ist my möglicherweise userChrome.cssfür Sie. (Arbeit an FF 70.0.1)

  • Die Tab-Leiste ist ausgeblendet, wenn nur ein Tab vorhanden ist
  • Die Adressleiste bleibt ausgeblendet, bis sie mit Strg-L, F6 und dergleichen aktiviert wird
  • Bildlaufleisten rechts werden entfernt

Um die Tab-Leiste auszublenden, müssen Sie Firefox verwenden customize(klicken Sie einfach mit der rechten Maustaste auf die Tab-Leiste), um die Leiste auszublenden newtab (+) button, und stellen Sie sicher, dass Sie die Systeme verwenden Titlebar(so dass das Fenster min, max und Schließen-Schaltflächen befinden sich nicht in der Tab-Leiste. Andernfalls verhindern diese Schaltflächen das Ausblenden.

Anweisungen dazu, wo userChrome.cssund wie die Datei abgelegt werden soll, finden Sie in diesem hervorragenden Beitrag: /superuser//a/1269912/1107142

Meine kurze Zusammenfassung:

  • auf about:configSeite wechseln toolkit.legacyUserProfileCustomizations.stylesheetszutrue
  • erhalten Profile Directoryvon about:supportSeite
  • Erstellen Sie ein Verzeichnis mit dem Namen chromein IhremProfile Directory
  • lege die userChrome.cssDatei in dieses chromeVerzeichnis

Mein userChrome.css, kopieren und einfügen nach Belieben:

/* 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;
}
ligelowbee
quelle
1

Die beste Option, die ich kenne, ist der Vollbildmodus, der F11in allen modernen Browsern umgeschaltet wird . Dadurch werden jedoch Ihr Desktop-Hintergrund und andere Apps ausgeblendet, die möglicherweise nicht Ihren Wünschen entsprechen. Es füllt einfach den Bereich um den Inhalt der Webanwendung mit Weiß (oder wie auch immer die Hintergrundfarbe / das Hintergrundbild im Stylesheet der Webanwendung aussehen mag).

CBHacking
quelle
Im Vollbildmodus bewegt sich meine App über den gesamten Bildschirm, da sie auf einem Flüssigkeitsbehälter basiert. Ich möchte einfach, dass der Browser alles ausschaltet und in der gleichen Größe wie 320x680px bleibt, und mein Desktop-Hintergrund sollte durchscheinen.
uloco
1

Sie können Ihr App-Fenster über die Befehlszeile ausführen

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

und platzieren Sie sie auf einem erweiterten Desktop mit einem Hintergrund Ihrer Wahl.

Antonius
quelle
Ich denke das ist eine gute Antwort. In Gnu / Linux - Distributionen können Sie die meisten , dass überspringen und einfach tun: firefox -chrome. Dadurch wurde die Tab-Leiste jedoch nicht ausgeblendet.
4.
0

Die Fragen zur Vorgehensweise in Firefox Quantum ( > = 57 ) beantworten möglicherweise diese Frage ( Firefox Quantum (> = 57) Umschalten aller Symbolleisten (mit einer Tastenkombination wie F11, aber in einem Fenster, nicht im Vollbildmodus ).

F11 / Vollbild ist manchmal unpraktisch.
Wenn Sie nur die Symbolleiste in Firefox - Versionen wechseln wollen vorherige bis 57 ist es möglich , mit dem Add - on „Dorando keyconfig“:

1. ein Skript angeben , in dem 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. Ordnen Sie es über die Dorando-Addon-Oberfläche einer Tastenkombination zu

eli
quelle
1
From Mash : Dorando "Key Editor" v2017.3 funktioniert nicht mehr für das aktuelle FF 57/58. Zitat aus GitHub: Beachten Sie, dass dieses Add-On nicht mit Firefox 57 und neueren Versionen kompatibel ist, da es alte Add-On-APIs verwendet, die ab Firefox 57 nicht mehr unterstützt werden. Es bleibt jedoch mit den aktuellen Versionen von Thunderbird und SeaMonkey kompatibel.
Fixer1234
1
vielen Dank für Ihren Kommentar, vielleicht soll ich die Aussage hervorgehoben hat : „Wenn Sie die Symbolleiste in Firefox Versionen nur umschalten wollen vorherige bis 57 ist es möglich , mit dem Add - on‚Dorando keyconfig‘“ zu machen , dass klar
eli
0

Beachten Sie, dass die Antwort von Clearkimura, die die Verwendung eines Stylesheets vorschlägt, in späteren Versionen von Firefox etwas überarbeitet werden muss. Die Lösung funktionierte für mich, sobald ich das tat. Von dieser Webseite:

Stellen Sie Firefox so ein, dass beim Start nach userChrome.css gesucht wird (aktualisiert am 24.05.2013)

Um den Start für die meisten Benutzer zu beschleunigen, sucht Firefox 69 diese Datei nicht mehr automatisch. Sie müssen es sagen, um zu schauen. Hier ist wie:

  1. Geben oder fügen Sie in einem neuen Tab about: config in die Adressleiste ein und drücken Sie die Eingabetaste. Klicken Sie auf die Schaltfläche, um das Risiko zu akzeptieren.
  2. Geben Sie im Suchfeld über der Liste userprof ein oder fügen Sie es ein und halten Sie an, während die Liste gefiltert wird. Wenn Sie nichts auf der Liste sehen, ignorieren Sie bitte den Rest dieser Anweisungen. Sie können diese Registerkarte jetzt schließen.
  3. Doppelklicken Sie auf die Voreinstellung toolkit.legacyUserProfileCustomizations.stylesheets , um den Wert von false auf true zu ändern .

Diese Änderung sollte beim nächsten Start wirksam werden.

Mike G
quelle