Firefox versteckt alles außer dem Inhaltsbereich des Browsers

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.

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:

• Neues Fenster ohne Symbolleiste von tkrkt

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.

Setup C verwendet die folgenden Add-Ons:

• Popup-Fenster von Ett Chung

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.

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.

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.

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

• Diese Antwort von user1929 auf Firefox Support Forum erwähnte #TabToolbarElement Namen und die ID für Tab - Leiste zu ändern.

• Diese benutzerdefinierte Datei von Timvde auf GitHub erwähnte den #navigator-toolboxElementnamen und die ID zum Ändern der Navigationsleiste.

• In dieser Antwort von cor-el im Firefox-Supportforum wurden der #content browserElementname und die ID zum Ändern der Bildlaufleisten genannt.

• Ein CSS-Überlauf auf w3schools zum Verstehen overflowist nicht erforderlich.

• CSS-Sichtbarkeit Eigenschaft auf w3schools , deren Wert verstanden werden soll visibility.

• Was bedeutet die Verwendung von "! Important" in CSS? on Stack Overflow zu verstehen !importantist nicht notwendig.

• Firefox 60 hat Hide Scrollbar CSS und Hide Scrollbar Firefox 60: FirefoxCSS auf reddit.com abgebrochen. Beide haben vorgeschlagen, die Scollbar zu entfernen #contentund nur browserzu lassen, um sie ordnungsgemäß auszublenden.

• Firefox 69: userChrome.css und userContent.css standardmäßig deaktiviert auf ghacks.net und PSA: Firefox v69 Nutzer haben eine pref setzen userChrome.css und userContent.css zu ermöglichen , auf reddit.com sowohl eine neue Präferenz festgestellt haben toolkit.legacyUserProfileCustomizations.stylesheetsin about:config.

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.

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

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.

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

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).

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.

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

Sie sollten einen neuen Befehlsparameter --kioskaus dem neuen Firefox v.71 ausprobieren

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

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.