tag:linuxfr.org,2005:/tags/onglets/publicLinuxFr.org : les contenus étiquetés avec « onglets »2021-06-06T18:11:06+02:00/favicon.pngtag:linuxfr.org,2005:Bookmark/31652021-06-05T14:20:01+02:002021-06-05T14:20:01+02:00Visibilité des onglets de Firefox 89: un thème sombre qui corrige les déficiences<a href="https://addons.mozilla.org/en-US/firefox/addon/nicothin-dark-theme/">https://addons.mozilla.org/en-US/firefox/addon/nicothin-dark-theme/</a> <p>
<strong>Commentaires :</strong>
<a href="//linuxfr.org/nodes/124502/comments.atom">voir le flux Atom</a>
<a href="https://linuxfr.org/users/maderios--2/liens/visibilite-des-onglets-de-firefox-89-un-theme-sombre-qui-corrige-les-deficiences#comments">ouvrir dans le navigateur</a>
</p>
Maderioshttps://linuxfr.org/nodes/124502/comments.atomtag:linuxfr.org,2005:News/401002021-05-04T07:19:11+02:002021-05-04T07:19:11+02:00Tab Center Reborn, onglets verticaux dans FirefoxLicence CC By‑SA http://creativecommons.org/licenses/by-sa/4.0/deed.fr<div><p><a href="https://addons.mozilla.org/fr/firefox/addon/tabcenter-reborn/">Tab Center Reborn</a> est une extension fournissant une barre d’onglets verticale simple et puissante. Elle reproduit au mieux les fonctionnalités et l’apparence natives de Firefox, s’intègre comme peu d’extensions au thème du navigateur, et ajoute quelques fonctionnalités pour mieux gérer une grande quantité d’onglets.</p>
<p><img src="//img.linuxfr.org/img/68747470733a2f2f7a7570696d616765732e6e65742f75702f32312f31372f343161342e706e67/41a4.png" alt="Logo de l’extension Firefox Tab Center Reborn" title="Source : https://zupimages.net/up/21/17/41a4.png"><br>
Par rapport à la référence en la matière, <a href="https://addons.mozilla.org/fr/firefox/addon/tree-style-tab/">Tree Style Tab</a>, Tab Center Reborn ne propose pas d’arborescence ou d’options de contrôle avancées sur les onglets, mais est généralement plus simple et réactive, et s’intègre visuellement mieux avec le navigateur.</p>
</div><ul><li>lien nᵒ 1 : <a title="https://addons.mozilla.org/fr/firefox/addon/tabcenter-reborn/" hreflang="fr" href="https://linuxfr.org/redirect/107131">Tab Center Reborn sur addons.mozilla.org</a></li><li>lien nᵒ 2 : <a title="https://framagit.org/ariasuni/tabcenter-reborn/" hreflang="en" href="https://linuxfr.org/redirect/107132">Dépôt du code source (sur Framagit)</a></li></ul><div><h2 class="sommaire">Sommaire</h2>
<ul class="toc">
<li>
<a href="#toc-historique">Historique</a><ul>
<li><a href="#toc-situation-initiale">Situation initiale</a></li>
<li><a href="#toc-%C3%89l%C3%A9ment-perturbateur">Élément perturbateur</a></li>
<li><a href="#toc-p%C3%A9rip%C3%A9ties">Péripéties</a></li>
<li><a href="#toc-d%C3%A9nouement">Dénouement</a></li>
</ul>
</li>
<li>
<a href="#toc-fonctionnalit%C3%A9s">Fonctionnalités</a><ul>
<li><a href="#toc-modes-daffichage">Modes d’affichage</a></li>
<li><a href="#toc-int%C3%A9gration-avec-firefox">Intégration avec Firefox</a></li>
<li><a href="#toc-g%C3%A9rer-beaucoup-donglets">Gérer beaucoup d’onglets</a></li>
</ul>
</li>
<li>
<a href="#toc-notes-de-fin">Notes de fin</a><ul>
<li><a href="#toc-cacher-la-barre-donglet-native">Cacher la barre d’onglet native</a></li>
<li><a href="#toc-anecdotes">Anecdotes</a></li>
<li><a href="#toc-am%C3%A9lioration-de-lapi-webextensions">Amélioration de l’API WebExtensions</a></li>
<li><a href="#toc-comment-contribuer">Comment contribuer</a></li>
</ul>
</li>
</ul>
<h2 id="toc-historique">Historique</h2>
<h3 id="toc-situation-initiale">Situation initiale</h3>
<p>Début 2014, je découvre <a href="https://addons.mozilla.org/fr/firefox/addon/tree-style-tab/">Tree Style Tab</a> que j’adopte immédiatement. Je trouve ceci dit qu’il manque parfois de réactivité et qu’à en faire trop il est un peu brouillon à l’utilisation. À l’époque, il n’y a pas vraiment d’alternative et Tree Style Tab était de toute façon une excellente extension dont je suis satisfaite.</p>
<p>Vers la mi-2015, j’adopte <a href="https://addons.mozilla.org/firefox/addon/tab-tree/">Tab Tree</a> qui est simple, rapide et dont j’apprécie les fonctionnalités supplémentaires par rapport à la barre d’onglet native. Je l’apprécie tellement que <a href="https://github.com/traxium/tabtree/pulls?q=is%3Apr+is%3Aclosed+author%3Aariasuni">j’en fais la traduction en français</a> et que je fais un don au développeur.</p>
<h3 id="toc-Élément-perturbateur">Élément perturbateur</h3>
<p><a href="https://blog.mozilla.org/addons/2016/11/23/add-ons-in-2017/">Fin 2016, Mozilla annonce qu’à la fin de l’année suivante, seules les WebExtensions seront prises en charge</a> (voir la dépêche <a href="//linuxfr.org/news/histoire-des-systemes-d-extensions-de-firefox">Histoire des systèmes d’extensions de Firefox</a>). Les extensions d’onglets verticaux, qui se branchent aux entrailles de Firefox, doivent être complètement réécrites.</p>
<h3 id="toc-péripéties">Péripéties</h3>
<p>J’ai donc recherché activement une solution qui me conviendrait. Tab Tree est abandonné, mais la grosse et mature extension Tree Style Tab a pu être réécrite pour l’API WebExtensions. J’avais un peu testé l’expérimentation TabCenter (de <a href="https://web.archive.org/web/20190905043220/https://testpilot.firefox.com/">Test Pilot</a>), mais je la trouvais un peu moins bien que les alternatives. De plus, Mozilla a décidé que fournir une fonctionnalité d’onglets verticaux devrait être laissée aux développeurs WebExtensions, et TabCenter fut abandonnée.</p>
<p>Je suis un peu retournée à Tree Style Tab, version WebExtensions cette fois. Je lui ai même développé une extension, <a href="https://addons.mozilla.org/fr/firefox/addon/tab-flip-for-tree-style-tab/">Onglet revers pour Tree Style Tab</a>). J’étais habituée aux contributions, mais je n’avais jamais vraiment créé et maintenu un logiciel. En créant cette extension d’une centaine de lignes, j’ai pu me familiariser avec les API et le format WebExtensions, découvrir les dessous de la publication d’une extension sur addons.mozilla.org, me faire la main sur l’outillage JavaScript et résoudre de vrais bugs.</p>
<p>Malgré tout, je trouvais la réécriture de Tree Style Tab pour WebExtensions moins rapide et moins fiable, et que l’intégration à l’interface et au thème de Firefox laissait à désirer.</p>
<h3 id="toc-dénouement">Dénouement</h3>
<p>J’ai fini par découvrir <a href="https://github.com/eoger/tabcenter-redux">Tab Center Redux</a> (<a href="https://github.com/eoger/tabcenter-redux/issues/437">plus disponible sur le magasin d’extensions de Firefox</a>), extension reprenant le concept de TabCenter, qui semblait correspondre à mes besoins et couvrait le même créneau que Tab Tree mais en WebExtensions : simple, rapide, pratique. J’ai vite commencé à <a href="https://github.com/eoger/tabcenter-redux/pulls?q=is%3Apr+author%3Aariasuni+">contribuer de temps en temps</a>, ce qui m’a permis de découvrir la base de code à mon rythme. Puis le mainteneur a arrêté de s’occuper de ce projet et après six mois, j’ai décidé de le forker pour lui redonner vie, d’où le nom Reborn.</p>
<h2 id="toc-fonctionnalités">Fonctionnalités</h2>
<h3 id="toc-modes-daffichage">Modes d’affichage</h3>
<p>Les onglets peuvent être affichés en mode compact avec seulement favicon et titre de la page (comme les onglets natifs), ou en mode informatif où y sont ajoutés l’URL et une miniature de la page web (illustré dans la capture ci-dessous). Par défaut, Tab Center Reborn utilise un mode dynamique : informatif tant qu’il y a assez de place pour tout afficher, compact au-delà.</p>
<p><img src="//img.linuxfr.org/img/68747470733a2f2f7a7570696d616765732e6e65742f75702f32312f31372f32767a332e706e67/2vz3.png" alt="Capture d’écran de l’extension Firefox Tab Center Reborn en mode informatif et onglets épinglés en mode favicon uniquement" title="Source : https://zupimages.net/up/21/17/2vz3.png"></p>
<p>De plus, les onglets épinglés peuvent être affichés comme sur la barre native (c'est à dire limités à leur favicon), ou bien comme les autres onglets (illustré dans la capture ci-dessous). Dans tous les cas, la liste des onglets épinglés reste toujours affichée à l’écran.</p>
<p><img src="//img.linuxfr.org/img/68747470733a2f2f7a7570696d616765732e6e65742f75702f32312f31372f6636716e2e706e67/f6qn.png" alt="Capture d’écran de l’extension Firefox Tab Center Reborn en mode compact et onglets épinglés en mode vertical" title="Source : https://zupimages.net/up/21/17/f6qn.png"></p>
<h3 id="toc-intégration-avec-firefox">Intégration avec Firefox</h3>
<ul>
<li>Apparence native (même la page d’options) : un gros travail a été effectué pour coller de près au design Photon/de Firefox Quantum.</li>
<li>Respect des thèmes: l’extension s’adapte aux thèmes Firefox, applique les mêmes couleurs de la même façon que Firefox, et vérifie que le thème sera lisible avant de l’utiliser.</li>
<li>Cohérence avec les menus contextuels natifs : utilisation du même ordre et des mêmes labels pour les menus natifs.</li>
<li>Gestion des <a href="https://support.mozilla.org/fr/kb/onglets-contextuels-avec-les-containers">conteneurs/identités contextuelles</a> : l’extension affiche correctement le conteneur d’un onglet, et permet d’ouvrir.</li>
</ul>
<p>Évidemment, le redesign à venir de Firefox va nécessiter un travail d’adaptation pour que Tab Center Reborn reste au plus proche de l’apparence et du comportement natif du navigateur.</p>
<p><img src="//img.linuxfr.org/img/68747470733a2f2f7a7570696d616765732e6e65742f75702f32312f31372f623974622e706e67/b9tb.png" alt="Capture d’écran où on voit l’intégration de l’extension Firefox Tab Center Reborn avec le thème sombre" title="Source : https://zupimages.net/up/21/17/b9tb.png"></p>
<h3 id="toc-gérer-beaucoup-donglets">Gérer beaucoup d’onglets</h3>
<p>Si l’extension vise d’abord la parité avec la barre d’onglet native de Firefox, quelques fonctionnalités supplémentaires ont été rajoutées pour pouvoir gérer un plus grand nombre d’onglets avec aisance :</p>
<ul>
<li>Filtrer les onglets : il est possible de filtrer les onglets en tapant un bout de leur titre ou URL, (<a href="https://www.npmjs.com/package/fuzzysort">recherche approximative — <em>fuzzy search</em> — à la Sublime Text</a>).</li>
<li>Onglet revers : copie de la fonctionnalité « tab flip » de la défunte extension XUL <a href="https://github.com/traxium/tabtree">Tab Tree</a>, elle permet de revenir à l’onglet précédemment active en cliquant sur l’onglet courant.</li>
<li>Décharger l’onglet : ajout, parmi les actions disponibles dans le menu contextuel, l’option « Décharger l’onglet », qui « éteint » l’onglet afin d’économiser mémoire et réduire la charge processeur.</li>
<li>Fermer les onglets au-dessus : toujours dans le menu contextuel, il est possible de fermer tous les onglets au-dessus de l’onglet courant.</li>
</ul>
<h2 id="toc-notes-de-fin">Notes de fin</h2>
<h3 id="toc-cacher-la-barre-donglet-native">Cacher la barre d’onglet native</h3>
<p>Il n’est pas possible de cacher la barre d’onglets native facilement dans Firefox, ni par une API WebExtensions ni par une option quelconque. Mais c’est quand même possible en ajoutant <a href="https://framagit.org/ariasuni/tabcenter-reborn/-/wikis/home#userchromecss-tweaks">un peu de CSS dans le fichier <code>userChrome.css</code></a> (toutes les étapes sont décrites sur le wiki).</p>
<h3 id="toc-anecdotes">Anecdotes</h3>
<p>Depuis mon fork, pas loin de <a href="https://github.com/eoger/tabcenter-redux/issues/421">45 bugs/fonctionnalités manquantes rapportées pour l’extension initiale ont corrigées/implémentées dans Tab Center Reborn</a> !</p>
<p>J’ai refait l’icône en lui donnant une forme plus carrée comme les autres icônes de Firefox, et en mettant des ronds symbolisant les favicons devant chaque ligne. Je n’y connais rien en logiciel de dessin vectoriel mais l’icône était un SVG très simple, alors j’ai bidouillé les valeurs des balises <code><rect /></code> et ajouté des balises <code><circle /></code> en ajustant les valeurs jusqu’à ce que ce que tout soit bien aligné et rende bien même en petite taille (c’est pourquoi les ronds ont un diamètre plus important que la hauteur des lignes qui les accompagne) (<a href="https://framagit.org/ariasuni/tabcenter-reborn/-/commit/9723250228099cd4200352f91b5940239f7f547d#edd7d0004edc02c21dec9bc37500151e2c202c34">commit</a>).</p>
<h3 id="toc-amélioration-de-lapi-webextensions">Amélioration de l’API WebExtensions</h3>
<p>Je dois bien l'avouer, je suis bien contente que <a href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/sidebar_action">Firefox soit parmi les seuls navigateur à permettre aux extensions d’utiliser le panneau latéral</a>, sinon ni Tab Center Redux ni son successeur n’aurait pu exister. Ceci dit, lors du développement de Tab Center Reborn, je me suis aussi retrouvée face à quelques bugs et limites de l’API WebExtensions de Firefox.</p>
<p>Non seulement j’ai pu résoudre mes propres problèmes ou ajouter les fonctionnalités dont j’avais besoin, mais j’ai contribué à améliorer le développement de WebExtensions pour tout le monde ! J’ai pu améliorer la fonction de duplication d’onglets (<a href="https://phabricator.services.mozilla.com/D15337">correction 1</a>, <a href="https://phabricator.services.mozilla.com/D48471">correction 2</a>, <a href="https://phabricator.services.mozilla.com/D67782">ajout de fonctionnalité</a>, <a href="https://phabricator.services.mozilla.com/D73732">correction 3</a>), et ajouter une fonction pour <a href="https://phabricator.services.mozilla.com/D54005">ouvrir/fermer la barre latérale</a> et <a href="https://phabricator.services.mozilla.com/D71873">préparer un onglet</a>.</p>
<p>J’ai aussi fait l’objet d’<a href="https://blog.mozilla.org/addons/2021/03/25/friend-of-add-ons-melanie-chauvel/">un article sur le blog Mozilla Add-on</a> pour ces contributions.</p>
<h3 id="toc-comment-contribuer">Comment contribuer</h3>
<p>À votre tour vous pouvez me donner un coup de main. :)</p>
<ul>
<li>Parlez de l’extension aux personnes de votre entourage qui pourraient être intéressées.</li>
<li>Donnez à l’extension une note <a href="https://addons.mozilla.org/fr/firefox/addon/tabcenter-reborn/">sur addons.mozilla.org</a> (vous pouvez aussi écrire un commentaire).</li>
<li>
<a href="https://framagit.org/ariasuni/tabcenter-reborn/issues?scope=all&utf8=%E2%9C%93&state=opened">Rapportez des bugs</a>, <a href="https://translate.funkwhale.audio/engage/tabcenter-reborn/">aidez à la traduction</a> (je maintiens déjà l’anglais, le français et l’espéranto), <a href="https://framagit.org/ariasuni/tabcenter-reborn/wikis/home">améliorez le wiki</a>, ou <a href="https://framagit.org/ariasuni/tabcenter-reborn/blob/main/CONTRIBUTING.md#developing">développez</a> !</li>
</ul>
</div><div><a href="https://linuxfr.org/news/tab-center-reborn-onglets-verticaux-dans-firefox.epub">Télécharger ce contenu au format EPUB</a></div> <p>
<strong>Commentaires :</strong>
<a href="//linuxfr.org/nodes/122048/comments.atom">voir le flux Atom</a>
<a href="https://linuxfr.org/news/tab-center-reborn-onglets-verticaux-dans-firefox#comments">ouvrir dans le navigateur</a>
</p>
ariasuniorfenortheojouedubanjotisaacM5oulthomasvhttps://linuxfr.org/nodes/122048/comments.atomtag:linuxfr.org,2005:Post/377532017-01-15T19:48:59+01:002017-01-15T19:48:59+01:00Terminator Terminix : afficher / cacher les onglets<p>Bonsoir,</p>
<p>Je crois que je commence à perdre le tête …<br>
Je m'explique, j'étais en train de tester des options dans les préférences de Terminator et Terminix et j'ai coché une option "masquer les onglets" ou quelque chose comme cela.<br>
Mais sans les onglets je suis un peut perdu et j'aimerais les afficher. <br>
Sauf que je ne trouve plus du tout où est cette foutue option.</p>
<p>Quelqu'un le saurait il SVP ? </p>
<p>remarque : il me semble que cette option était dans les préférences de Terminator, or quand j'ai coché cette option, les onglets de Terminix ont aussi disparu. Mais pas ceux de Gnome Terminal …</p>
<p>Par avance merci !</p>
<p>PS : je suis sous Fedora 24</p><div><a href="https://linuxfr.org/forums/general-general/posts/terminator-terminix-afficher-cacher-les-onglets.epub">Télécharger ce contenu au format EPUB</a></div> <p>
<strong>Commentaires :</strong>
<a href="//linuxfr.org/nodes/111042/comments.atom">voir le flux Atom</a>
<a href="https://linuxfr.org/forums/general-general/posts/terminator-terminix-afficher-cacher-les-onglets#comments">ouvrir dans le navigateur</a>
</p>
Skilgannonhttps://linuxfr.org/nodes/111042/comments.atomtag:linuxfr.org,2005:Post/358202015-09-14T18:13:41+02:002015-09-14T18:13:41+02:00Récupérer la liste des onglets de FireFox, en faire des marques-pages dans des dossiers<p>Bonjour à tous.<br>
Il ne s'agit pas de 10 onglets ouverts dans le FF de la personne à aider ; il s'agit d'environ 300.<br>
Exit donc la méthode manuelle, et j'avoue mon respect à FF de fonctionner dans ces conditions.</p>
<p>Je pense à un script qui lirait le fichier idoine, le parserait pour extraire la site des url des pages en onglets.</p>
<p>Je fais face à une difficulté. J'aimerais un peu d'aide, une meilleure astuce, ou carrément la solution clé en main.<br>
J'ai identifié le fichier cible candidat (sur ma mint, ce serait : ./firefox/mwad0hks.default/sessionstore.js, ou bien <br>
./firefox/mwad0hks.default/sessionstore-backups/recovery.js )<br>
Sur l'Ubuntu surannée sur laquelle je vais tenter la sauvegarde, ce n'est peut-être pas le même, mais je pense le trouver à coup de grep. J'espère juste que la structure sera la même.</p>
<p>Je ne sais pas parser ce genre de fichier, je sais écrire des scripts en Python, mais pas de ce jus là.</p>
<p>Autres difficultés, il y a un paquet d'url parasites comme les url de l'historique, ceux des icônes, etc.</p>
<p>Merci bien pour toute aide. Ce PC a besoin d'une distro toute fraîche, et donc une sauvegarde/rangement avant cela.</p><div><a href="https://linuxfr.org/forums/astucesdivers/posts/recuperer-la-liste-des-onglets-de-firefox-en-faire-des-marques-pages-dans-des-dossiers.epub">Télécharger ce contenu au format EPUB</a></div> <p>
<strong>Commentaires :</strong>
<a href="//linuxfr.org/nodes/106774/comments.atom">voir le flux Atom</a>
<a href="https://linuxfr.org/forums/astucesdivers/posts/recuperer-la-liste-des-onglets-de-firefox-en-faire-des-marques-pages-dans-des-dossiers#comments">ouvrir dans le navigateur</a>
</p>
Franckyhttps://linuxfr.org/nodes/106774/comments.atom