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.
Antworten:
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:
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.
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.
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.
quelle
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:config
in Firefox und stellen Sie die Voreinstellungtoolkit.legacyUserProfileCustomizations.stylesheets
auftrue
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 .Einschränkung: Keine Tastaturkürzel. Das Aktivieren oder Deaktivieren bei Bedarf ist mühsam.
Um die Standardschnittstelle wiederherzustellen, benennen Sie sie
userChrome.css
in einen anderen Namen umuserChrome.tmp
und 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.
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.
Führen Sie einen Dateimanager aus und öffnen Sie den in Schritt 1 erstellten Profilordner .
Erstellen Sie unter dem neuen Profilordner neue Dateien,
chrome/userChrome.css
einschließlich des übergeordneten Ordners,chrome
falls nicht vorhanden.Kopieren Sie den Inhalt der
userChrome.css
von oben in die erstellte Datei in Schritt 3.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
#TabToolbar
Element Namen und die ID für Tab - Leiste zu ändern.Diese benutzerdefinierte Datei von Timvde auf GitHub erwähnte den
#navigator-toolbox
Elementnamen und die ID zum Ändern der Navigationsleiste.In dieser Antwort von cor-el im Firefox-Supportforum wurden der
#content browser
Elementname und die ID zum Ändern der Bildlaufleisten genannt.Ein CSS-Überlauf auf w3schools zum Verstehen
overflow
ist 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
!important
ist 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
#content
und nurbrowser
zu 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.stylesheets
inabout: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.
quelle
~/.mozilla/firefox/
Linux befindetIch 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:
Klicken Sie hier, um den Vorgang zu vereinfachen! | JSfiddle
Hinweis: Dies sollte in allen Browsern funktionieren
quelle
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.
quelle
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.css
für Sie. (Arbeit an FF 70.0.1)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 auszublendennewtab (+) button
, und stellen Sie sicher, dass Sie die Systeme verwendenTitlebar
(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.css
und wie die Datei abgelegt werden soll, finden Sie in diesem hervorragenden Beitrag: /superuser//a/1269912/1107142Meine kurze Zusammenfassung:
about:config
Seite wechselntoolkit.legacyUserProfileCustomizations.stylesheets
zutrue
Profile Directory
vonabout:support
Seitechrome
in IhremProfile Directory
userChrome.css
Datei in dieseschrome
VerzeichnisMein userChrome.css, kopieren und einfügen nach Belieben:
quelle
Die beste Option, die ich kenne, ist der Vollbildmodus, der
F11
in 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).quelle
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.
quelle
firefox -chrome
. Dadurch wurde die Tab-Leiste jedoch nicht ausgeblendet.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“:
2. Ordnen Sie es über die Dorando-Addon-Oberfläche einer Tastenkombination zu
quelle
Sie sollten einen neuen Befehlsparameter
--kiosk
aus dem neuen Firefox v.71 ausprobierenhttps://www.mozilla.org/en-US/firefox/71.0a1/releasenotes/
quelle
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:
quelle