web-dev-qa-db-fra.com

Firefox cache tout sauf la zone de contenu du navigateur

Existe-t-il une possibilité de masquer toutes les bordures et les barres dans Firefox comme la barre d'adresse, la barre de navigation, le titre de la fenêtre et les onglets, de sorte que la zone restante ne soit que la zone de contenu du navigateur?

Je voudrais faire un film d'une application Web que j'ai écrite, mais je dois le filmer dans une résolution plus grande que l'application elle-même. Je veux simplement montrer l'application sur un fond sans toutes les choses du navigateur.

La meilleure méthode consiste à utiliser un raccourci clavier pour pouvoir réactiver tous les éléments.

firefoxaddons
18
uloco

Le moyen le plus simple consiste à installer des modules complémentaires pertinents dans Firefox.

Pour l’une des configurations suivantes, installez les add-ons respectifs. Firefox peut avoir besoin de redémarrer, mais souvent inutile pour Firefox Quantum. La touche de raccourci, si disponible, peut être modifiée à partir de Gestionnaire de modules complémentaires> Extensions , dans Préférences pour chaque add-on.

Pour Firefox Legacy

Le programme d'installation A utilise les add-on suivants:

  • Masquer la barre de navigation, testé avec 1.41.1-signed
  • Hide Tabbar, testé avec 2.1.0.1-signed
  • HideScrollbars, testé avec 0.2.1-signé

Utilisation: Par exemple, j'ai utilisé des clés séparées F3 et F4 pour basculer entre le menu de navigation et la barre d’onglet (via les options Masquer la barre de navigation et Masquer la barre d’onglet). Pour masquer les barres, appuyez sur les touches attribuées, c’est-à-dire, appuyez sur F3 puis F4. Cela donnera à Firefox une barre de titre visible (décoration de la fenêtre) uniquement.

Limitation: l'attribution de la même clé ne fonctionne pas bien, probablement à cause d'un certain délai pour masquer l'une ou l'autre barre. Le résultat est similaire si les touches séparées étaient enfoncées simultanément. Dans les deux cas, l’une des barres ne cache pas et ne joue pas à cache-cache avec l’utilisateur.

Disponible pour Firefox 56 et versions antérieures ( Déconseillé, non disponible sur Firefox Add-ons ). Testé avec Firefox 41.0 sous Linux. Aucune capture d'écran.

Pour Firefox Quantum

Le programme d'installation B utilise les add-on suivants:

Utilisation: Accédez à une page Web sur HTTP, HTTPS ou localhost, puis cliquez sur "Nouvelle fenêtre sans barre d’outils" dans la barre d’outils ou le menu contextuel. La page Web s'ouvrira également dans une nouvelle fenêtre avec uniquement la barre de titre visible et la barre de défilement verticale.

Limitation: Pas de raccourci clavier. Aucune configuration du tout. Cet add-on n'ouvre aucune page sur le système de fichiers local (fichier: ///) et les pages intégrées (à propos de: *).

Disponible pour Firefox 42 et plus récent. Testé avec Firefox 50.0 et 63.0 sous Linux.

New window without toolbar by tkrkt

Le programme d'installation C utilise les add-on suivants:

Utilisation: Accédez à une page Web, puis cliquez sur "Déplacer l'onglet en cours vers la fenêtre contextuelle" dans la barre d'outils ou sur "popup/fusionner la page actuelle" dans le menu contextuel. La page Web sera déplacée vers une nouvelle fenêtre contenant uniquement la barre de titre visible et la barre de défilement verticale. Pour rétablir l'état normal de la nouvelle fenêtre, cliquez à nouveau sur "Fenêtre contextuelle/fusionner la page actuelle" dans le menu contextuel.

Limitation: Pas de raccourci clavier. Une certaine configuration est possible. La fenêtre contextuelle restera toujours en haut de la fenêtre d'origine de Firefox, qui ne peut pas être modifiée.

Disponible pour Firefox 53 et plus récent. Testé avec Firefox 63.0 sous Linux.

Popup window by Ett Chung

Pour Firefox sans add-on

J'ai posté ne réponse distincte ci-dessous (cliquez ou faites défiler vers le bas) qui fonctionne pour toute version de Firefox, mais pas le moyen le plus simple et n'a pas de raccourci clavier.

14
clearkimura

La méthode la plus simple consiste à utiliser la feuille de style personnalisée: userChrome.css

Comment ça marche

Le bloc de code suivant est le contenu de userChrome.css créé pour masquer la barre d'onglets, la barre de navigation et les barres de défilement dans Firefox. Assurez-vous d’utiliser des noms et ID d’éléments valides .

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

Limitation: pas de raccourcis clavier.

  • Pour restaurer l'interface par défaut, renommez userChrome.css en un autre nom comme userChrome.tmp et redémarrez Firefox pour qu'il prenne effet.

  • Pour utiliser côte à côte avec une autre instance de Firefox avec l'interface par défaut, utilisez un profil distinct .

Tous les profils sont stockés dans le dossier de profil , qui peut être localisé à partir de Firefox en utilisant la barre de menus ou la barre d’outils, puis accédez à Aide> Informations de dépannage .

Comment configurer

Les étapes suivantes sont génériques, quelle que soit la plate-forme système.

  1. Exécuter Profile Manager de Firefox, puis créer un nouveau profil nommé 'hidebars' (nom de choix) ) et fermez le gestionnaire de profil.

  2. Exécutez un gestionnaire de fichiers et ouvrez le dossier de profil créé à l'étape 1.

  3. Sous le nouveau dossier de profil, , créez de nouveaux fichiers chrome/userChrome.css, y compris le dossier parent chrome s'il n'existe pas.

  4. Copiez et collez le contenu de userChrome.css ci-dessus dans le fichier créé à l'étape 3.

  5. Enfin, enregistrez et fermez le fichier .

Comment utiliser

Exécutez simplement une instance de Firefox avec le nouveau profil.

La combinaison de captures d'écran suivante montre Firefox Legacy (à gauche) et Firefox Quantum sous Linux, chacune naviguant dans une petite taille de fenêtre lorsque la feuille de style personnalisée est utilisée.

Firefox Legacy and Firefox Quantum with no bars

Applicable à toutes les versions de Firefox. Testé sous Firefox 10, 20, 50 (Firefox Legacy) et 60, 63 (Firefox Quantum) sous Linux et tout semblait fonctionner comme prévu.

Références

11
clearkimura

Je sais que c'est très tard, mais j'ai créé un bookmarklet pour cela, il ne nécessite aucun ajout, et aucun téléchargement :)

Enregistrez le code JavaScript suivant en tant que bookmarklet et cliquez dessus sur la page que vous souhaitez afficher dans une nouvelle fenêtre minimale:

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

Cliquez ici pour faciliter le processus! | JSfiddle

Remarque: Ceci devrait fonctionner dans tous les navigateurs

2
rahuldottech

J'aime Firefox et Vivaldi. L’une des meilleures caractéristiques de Vivaldi (en tant qu’utilisateur de gestes de la souris) est qu’il dispose de nombreuses options (barres latérales, signets, barre d’adresse, barre d’état, etc.) qui peuvent être ajustées et déplacées ...

Un raccourci dit "Masquer l'interface utilisateur". Tout disparaît ... alors, lorsque vous n'avez pas besoin de voir les onglets/barres Addy, etc., je fais juste un gribouillage de souris et je reste avec la page et la fenêtre.

La magie.

Mieux encore, la couleur de la fenêtre prend des allures de la page Web et fonctionne très bien - se fond bien.

2
ben

La meilleure option que je connaisse est le mode plein écran, qui est basculé en utilisant F11 dans tous les navigateurs modernes. Cela masquera votre fond d'écran et d'autres applications, cependant, ce qui peut ne pas être ce que vous voulez. Cela remplira simplement l'espace autour du contenu de l'application Web en blanc (ou quelle que soit la couleur/image d'arrière-plan de la feuille de style de l'application Web).

1
CBHacking

appuyez seulement sur F11 et ça va cacher url/tab et tout. pas besoin d'installer un addon

ça marche sur google chrome et mozilla

0
Faheem Malik

Les questions sur la procédure à suivre dans Firefox Quantum (> = 57 ) répondent peut-être à cette question ( Firefox Quantum (> = 57) Comment basculer toutes les barres d’outils? (Avec un raccourci clavier, comme F11 mais dans une fenêtre, pas en plein écran) )

F11/Fullscreen est parfois impraticable.
Si vous voulez juste changer les barres d’outils dans les versions de Firefox précédent à 57 , il est possible avec l’addon "Dorando keyconfig ":

1. spécifier un script dans "l'éditeur de clé" de 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. mappez-le sur un raccourci clavier via l'interface d'addon Dorando

0
eli

Vous pouvez exécuter la fenêtre de votre application à partir de la ligne de commande.

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

et placez-le sur un bureau étendu avec le fond de votre choix.

0
Antony