Entferne Zeile 31, die wird für neue Symbolleisten benötigt und nicht für Schaltflächen:
JavaScript
CustomizableUI.registerToolbarNode(tb);
userChrome.js Scripte für den Fuchs (Diskussion)
-
Endor -
12. Mai 2015 um 14:19 -
Erledigt
-
-
Quicklinkbutton für's Forum:
Nur mal für mich aus Interesse.
Wo siehst du den Vorteil gegenüber einem normalen Lesezeichen?
-
Danke, Zeile 31 ist gelöscht.
Wenn ich ganz scharf nachdenke, könnte ich vielleicht einen Vorteil erkennen.
😁️ Ich weiß einen: bei ausgeblendeter Lesezeichenleiste...
-
bei ausgeblendeter Lesezeichenleiste.
Danke.
-
Danke, Zeile 31 ist gelöscht.
Wenn ich ganz scharf nachdenke, könnte ich vielleicht einen Vorteil erkennen.
😁️ Ich weiß einen: bei ausgeblendeter Lesezeichenleiste...
Macht Sinn .
Was vielleicht auch Sinn machen würde - bei ausgeblendeter Lesezeichenleiste einen Button zum Öffnen von nur einem Lesezeichenordner zu haben ; z.B. Weitere Lesezeichen , oder noch besser einem anderen festgelegten Ordner .
Also quasi ein einzelner Lesezeichenordner für die Toolbar , der aufklappt wie ein normaler Lesezeichenordner .
Nicht dass ich danach verzweifelt suchen würde oder so ...
. -
Was vielleicht auch Sinn machen würde - bei ausgeblendeter Lesezeichenleiste einen Button zum Öffnen von nur einem Lesezeichenordner zu haben ; z.B. Weitere Lesezeichen , oder noch besser einem anderen festgelegten Ordner .
Also quasi ein einzelner Lesezeichenordner für die Toolbar , der aufklappt wie ein normaler Lesezeichenordner .
Vielleicht so:
SaveForReadLater – Get this Extension for 🦊 Firefox (en-US)Download SaveForReadLater for Firefox. Bookmark pages for read them lateraddons.mozilla.org -
Danke für den Tip !
-
Vielen Dank! -
Hi, seit Firefox 107.0 64-Bit/Win11 habe ich leider ein Problem mit dem Multitabrow-Skript 03-MultiRowTabLiteforFx.uc.js (Version 106)
Mit jedem neu geöffneten Tab wird eine leere, nicht sichtbare Tabzeile bzw. einfach Leerzeile unterhalb der obersten Tabzeile erzeugt.
Da ich 20...30 Tabs offen habe, stehen mir dann nur etwa <20% des Bildschirms für den Seiteninhalt zur Verfügung. Der Rest darüber bleibt leer/weiß.
Hat jemand eine Lösung für das Problem? Mit Firefox 106.x.x war noch alles komplett fehlerfrei.
Bei Bedarf kann ich Screenshots posten, falls das Problem so nicht erkennbar ist.
-
Hat jemand eine Lösung für das Problem?
Dazu gibt es inzwischen schon einige Anfragen hier
Teste bitte:
JavaScript
Alles anzeigen// ==UserScript== // @name zzzz-MultiRowTab_LiteforFx48.uc.js // @namespace http://space.geocities.yahoo.co.jp/gl/alice0775 // @description Experimentelle CSS Version für Mehrzeilige Tableiste // @include main // @compatibility Firefox 106 // @author Alice0775 // @version 2016/08/05 00:00 Firefox 48 // @version 2016/05/01 00:01 hide favicon if busy // @version 2016/03/09 00:01 Bug 1222490 - Actually remove panorama for Fx45+ // @version 2016/02/09 00:01 workaround css for lwt // @version 2016/02/09 00:00 // ==/UserScript== "use strict"; MultiRowTabLiteforFx(); function MultiRowTabLiteforFx() { var css =` @-moz-document url-prefix("chrome://browser/content/browser.xhtml") { /* Symbolleiste Sortieren */ #toolbar-menubar { -moz-box-ordinal-group: 1; } /* Menüleiste */ #nav-bar { -moz-box-ordinal-group: 2; } /* Navigationsleiste */ #PersonalToolbar { -moz-box-ordinal-group: 3; } /* Lesezeichenleiste */ #titlebar { -moz-box-ordinal-group: 4; } /* Tableiste */ /*Anpassung der Symbolleiste */ #titlebar,#tabbrowser-tabs { -moz-appearance: none !important; } /* Anpassung für Titelleistenschaltflächen */ #nav-bar > .titlebar-buttonbox-container .titlebar-button { width: 46px !important; } #toolbar-menubar:not([inactive]) ~ #nav-bar:not([inFullscreen]) > .titlebar-buttonbox-container { display: none !important; } /* Mehrzeilige Tableiste */ box.scrollbox-clip[orient="horizontal"] { display: block !important;contain: none !important; } box.scrollbox-clip[orient="horizontal"] > scrollbox { display: flex !important; flex-wrap: wrap !important; } .tabbrowser-tab[fadein]:not([pinned]) { flex-grow: 1 !important; } .tabbrowser-tab { height: calc(8px + var(--tab-min-height)); } .tabbrowser-tab > .tab-stack { width: 100% !important; } #TabsToolbar .toolbarbutton-1 { margin: 0 !important; } /* Ausblenden - Verstecken */ .tabbrowser-tab:not([fadein]),#alltabs-button { display: none !important; } /* --- Ziehbereich der Tab-Leiste --- */ /* Anpassung */ hbox.titlebar-spacer[type="pre-tabs"] { width: 0px !important; } /* Linker Ziehbereich: Standard 40px */ hbox.titlebar-spacer[type="post-tabs"] { width: 0px !important; } /* Rechter Ziehbereich: Standard 40px */ /* ↓ Wenn Sie die Auskommentierung links und rechts von unten stehenden CSS-Code entfernen und den CSS-Code aktivieren, können Sie den Ziehbereich links einblenden, der beim Maximieren des Fensters ausgeblendet wird. */ /* :root:not([sizemode="normal"]) hbox.titlebar-spacer[type="pre-tabs"] { display: block !important; } */ /* ↓ Wenn Sie die Auskommentierung links und rechts von unten stehenden CSS-Code entfernen und den CSS-Code aktivieren, können Sie den linken und rechten Ziehbereich einblenden, der im Vollbildmodus ausgeblendet wird. */ /* :root[inFullscreen] .titlebar-spacer { display: block !important; } */ } `; var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService); var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css)); sss.loadAndRegisterSheet(uri, sss.USER_SHEET); if(location.href !== 'chrome://browser/content/browser.xhtml') return; // Verschieben Sie die Menüleiste an den oberen Rand der Symbolleiste document.getElementById("titlebar").parentNode.insertBefore(document.getElementById("toolbar-menubar"),document.getElementById("titlebar")); // Titelleisten Schaltflächen in die Tableiste an den Rechten Rand verschieben document.getElementById("nav-bar").appendChild(document.querySelector("#TabsToolbar .titlebar-buttonbox-container")); // Scroll-Buttons und Spacer in der Tab-Leiste ausblenden shadowRoot gBrowser.tabContainer.arrowScrollbox.shadowRoot.getElementById('scrollbutton-up').style.display = "none"; gBrowser.tabContainer.arrowScrollbox.shadowRoot.getElementById('scrollbutton-down').style.display = "none"; gBrowser.tabContainer.arrowScrollbox.shadowRoot.querySelector('[part="overflow-start-indicator"]').style.display = "none"; gBrowser.tabContainer.arrowScrollbox.shadowRoot.querySelector('[part="overflow-end-indicator"]').style.display = "none"; // drag & drop & DropIndicator gBrowser.tabContainer.clearDropIndicator = function() { let tabs = this.allTabs; for (let i = 0, len = tabs.length; i < len; i++) { tabs[i].removeAttribute("style"); } } gBrowser.tabContainer.addEventListener("dragleave", function(event) { this.clearDropIndicator(event); }, true); gBrowser.tabContainer.on_dragover = function(event) { this.clearDropIndicator(); var effects = this.getDropEffectForTabDrag(event); event.preventDefault(); event.stopPropagation(); if (effects == "link") { let tab = this._getDragTargetTab(event, true); if (tab) { if (!this._dragTime) { this._dragTime = Date.now(); } if (Date.now() >= this._dragTime + this._dragOverDelay) { this.selectedItem = tab; } return; } } let newIndex = this._getDropIndex(event, effects == "link"); let children = this.allTabs; if (newIndex == children.length) { children[newIndex - 1].style.setProperty("box-shadow","-1px 0 0 red inset,1px 0 0 red","important"); } else { children[newIndex].style.setProperty("box-shadow","1px 0 0 red inset,-1px 0 0 red","important"); } } gBrowser.tabContainer.on_drop = function(event) { this.clearDropIndicator(); var dt = event.dataTransfer; var dropEffect = dt.dropEffect; var draggedTab; let movingTabs; if (dt.mozTypesAt(0)[0] == TAB_DROP_TYPE) { // tab copy or move draggedTab = dt.mozGetDataAt(TAB_DROP_TYPE, 0); // not our drop then if (!draggedTab) { return; } movingTabs = draggedTab._dragData.movingTabs; draggedTab.container._finishGroupSelectedTabs(draggedTab); } this._tabDropIndicator.hidden = true; event.stopPropagation(); if (draggedTab && dropEffect == "copy") { // copy the dropped tab (wherever it's from) let newIndex = this._getDropIndex(event, false); let draggedTabCopy; for (let tab of movingTabs) { let newTab = gBrowser.duplicateTab(tab); gBrowser.moveTabTo(newTab, newIndex++); if (tab == draggedTab) { draggedTabCopy = newTab; } } if (draggedTab.container != this || event.shiftKey) { this.selectedItem = draggedTabCopy; } } else if (draggedTab && draggedTab.container == this) { let oldTranslateX = Math.round(draggedTab._dragData.translateX); let tabWidth = Math.round(draggedTab._dragData.tabWidth); let translateOffset = oldTranslateX % tabWidth; let newTranslateX = oldTranslateX - translateOffset; if (oldTranslateX > 0 && translateOffset > tabWidth / 2) { newTranslateX += tabWidth; } else if (oldTranslateX < 0 && -translateOffset > tabWidth / 2) { newTranslateX -= tabWidth; } let dropIndex; if (draggedTab._dragData.fromTabList) { dropIndex = this._getDropIndex(event, false); } else { dropIndex = this._getDropIndex(event, false); // "animDropIndex" in draggedTab._dragData && // draggedTab._dragData.animDropIndex; } let incrementDropIndex = true; if (dropIndex && dropIndex > movingTabs[0]._tPos) { dropIndex--; incrementDropIndex = false; } if (oldTranslateX && oldTranslateX != newTranslateX && !gReduceMotion) { for (let tab of movingTabs) { tab.setAttribute("tabdrop-samewindow", "true"); tab.style.transform = "translateX(" + newTranslateX + "px)"; let postTransitionCleanup = () => { tab.removeAttribute("tabdrop-samewindow"); this._finishAnimateTabMove(); if (dropIndex !== false) { gBrowser.moveTabTo(tab, dropIndex); if (incrementDropIndex) { dropIndex++; } } gBrowser.syncThrobberAnimations(tab); }; if (gReduceMotion) { postTransitionCleanup(); } else { let onTransitionEnd = transitionendEvent => { if ( transitionendEvent.propertyName != "transform" || transitionendEvent.originalTarget != tab ) { return; } tab.removeEventListener("transitionend", onTransitionEnd); postTransitionCleanup(); }; tab.addEventListener("transitionend", onTransitionEnd); } } } else { this._finishAnimateTabMove(); if (dropIndex !== false) { for (let tab of movingTabs) { gBrowser.moveTabTo(tab, dropIndex); if (incrementDropIndex) { dropIndex++; } } } } } else if (draggedTab) { // Move the tabs. To avoid multiple tab-switches in the original window, // the selected tab should be adopted last. const dropIndex = this._getDropIndex(event, false); let newIndex = dropIndex; let selectedTab; let indexForSelectedTab; for (let i = 0; i < movingTabs.length; ++i) { const tab = movingTabs[i]; if (tab.selected) { selectedTab = tab; indexForSelectedTab = newIndex; } else { const newTab = gBrowser.adoptTab(tab, newIndex, tab == draggedTab); if (newTab) { ++newIndex; } } } if (selectedTab) { const newTab = gBrowser.adoptTab( selectedTab, indexForSelectedTab, selectedTab == draggedTab ); if (newTab) { ++newIndex; } } // Restore tab selection gBrowser.addRangeToMultiSelectedTabs( gBrowser.tabs[dropIndex], gBrowser.tabs[newIndex - 1] ); } else { // Pass true to disallow dropping javascript: or data: urls let links; try { links = browserDragAndDrop.dropLinks(event, true); } catch (ex) {} if (!links || links.length === 0) { return; } let inBackground = Services.prefs.getBoolPref( "browser.tabs.loadInBackground" ); if (event.shiftKey) { inBackground = !inBackground; } let targetTab = this._getDragTargetTab(event, true); let userContextId = this.selectedItem.getAttribute("usercontextid"); let replace = !!targetTab; let newIndex = this._getDropIndex(event, true); let urls = links.map(link => link.url); let csp = browserDragAndDrop.getCSP(event); let triggeringPrincipal = browserDragAndDrop.getTriggeringPrincipal( event ); (async () => { if ( urls.length >= Services.prefs.getIntPref("browser.tabs.maxOpenBeforeWarn") ) { // Sync dialog cannot be used inside drop event handler. let answer = await OpenInTabsUtils.promiseConfirmOpenInTabs( urls.length, window ); if (!answer) { return; } } gBrowser.loadTabs(urls, { inBackground, replace, allowThirdPartyFixup: true, targetTab, newIndex, userContextId, triggeringPrincipal, csp, }); })(); } if (draggedTab) { delete draggedTab._dragData; } } gBrowser.tabContainer._getDropIndex = function(event, isLink) { var tabs = this.allTabs; var tab = this._getDragTargetTab(event, isLink); if (!RTL_UI) { for (let i = tab ? tab._tPos : 0; i < tabs.length; i++) { if ( event.screenY < tabs[i].screenY + tabs[i].getBoundingClientRect().height ) { if ( event.screenX < tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2 ) { return i; } if ( event.screenX > tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2 && event.screenX < tabs[i].screenX + tabs[i].getBoundingClientRect().width ) { return i + 1; } } } } else { for (let i = tab ? tab._tPos : 0; i < tabs.length; i++) { if ( event.screenY < tabs[i].screenY + tabs[i].getBoundingClientRect().height ) { if ( event.screenX < tabs[i].screenX + tabs[i].getBoundingClientRect().width && event.screenX > tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2 ) { return i; } if ( event.screenX < tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2 ) { return i + 1; } } } } return tabs.length; } } -
Dazu gibt es inzwischen schon einige Anfragen hier
Heftig, was durch so ein Update für Supportanfragen generiert werden. Hätte ich nicht gedacht.
-
Heftig,
Das ist noch harmlos, weil ja nicht alle diese mehrzeiligen Leisten nutzen
-
Heftig, was durch so ein Update für Supportanfragen generiert werden. Hätte ich nicht gedacht.
Das ist vermutlich den Wenigsten so bewusst, aber was das tatsächlich offen legt, sind Verhaltensunterschiede, die zwischen der XUL- und der CSS-Flexbox existieren. Mozilla befindet sich nämlich im Prozess, seine alte und proprietäre XUL-Flexbox zu Gunsten der standardisierten CSS-Flexbox zu beerdigen. In Firefox 107 erfolgten hierfür einige Anpassungen, in Firefox 108 und Firefox 109 gehen diese Arbeiten weiter. Und es ist gut, dass diese Änderungen passieren. Denn anders als XUL entspricht die CSS-Flexbox einem gültigen Webstandard. Also etwas, was gut dokumentiert ist, von sehr vielen Menschen verstanden wird und wozu man im Web auch Hilfe erhält, wenn man Fragen hat. XUL stammt aus der Zeit der Dinosaurier. Tatsächlich, Mozilla hatte damals noch einen Dinosaurier als Logo. Individuelle Firefox-Anpassungen werden nachvollziehbarer, wenn sie mit gängigen Webstandards umgesetzt sind und keine Verhaltensweisen eines veralteten Nicht-Standards berücksichtigt werden müssen. Wenn Anpassungen nicht mehr richtig funktionieren, nervt das sicherlich erst einmal. Aber auf lange Sicht profitieren die Bastler aus meiner Sicht von solchen Anpassungen der Firefox-Interna.
-
Dazu gibt es inzwischen schon einige Anfragen hier
Hmpf, hier in diesem Thread? Ich schaue mir immer die neuesten Beiträge an (waren ja seit meinem Beitrag nicht so viele) und konnte nichts dazu finden?!
Teste bitte:
Funktioniert 1A, vielen Dank! Wann kommt das offiziell ins Repo?
-
Mozilla befindet sich nämlich im Prozess, seine alte und proprietäre XUL-Flexbox zu Gunsten der standardisierten CSS-Flexbox zu beerdigen. In Firefox 107 erfolgten hierfür einige Anpassungen, in Firefox 108 und Firefox 109 gehen diese Arbeiten weiter. Und es ist gut, dass diese Änderungen passieren.
Oh, das wusste ich so nicht. Aber ja, das ist dann natürlich sehr gut. Dann komme ich mit meinen CSS-Kenntnissen auch besser voran.
-
Vielen Dank!
Das Original skript hat bei mir zu leeren Pages geführt - Keine eizige seite wurde angezeigt.
Mit deinem Code gehts - was wurde da gegenüber dem Original geändert.
Hat jemand eine Lösung für das Problem?
Dazu gibt es inzwischen schon einige Anfragen hier
Teste bitte:
JavaScript
Alles anzeigen// ==UserScript== // @name zzzz-MultiRowTab_LiteforFx48.uc.js // @namespace http://space.geocities.yahoo.co.jp/gl/alice0775 // @description Experimentelle CSS Version für Mehrzeilige Tableiste // @include main // @compatibility Firefox 106 // @author Alice0775 // @version 2016/08/05 00:00 Firefox 48 // @version 2016/05/01 00:01 hide favicon if busy // @version 2016/03/09 00:01 Bug 1222490 - Actually remove panorama for Fx45+ // @version 2016/02/09 00:01 workaround css for lwt // @version 2016/02/09 00:00 // ==/UserScript== "use strict"; MultiRowTabLiteforFx(); function MultiRowTabLiteforFx() { var css =` @-moz-document url-prefix("chrome://browser/content/browser.xhtml") { /* Symbolleiste Sortieren */ #toolbar-menubar { -moz-box-ordinal-group: 1; } /* Menüleiste */ #nav-bar { -moz-box-ordinal-group: 2; } /* Navigationsleiste */ #PersonalToolbar { -moz-box-ordinal-group: 3; } /* Lesezeichenleiste */ #titlebar { -moz-box-ordinal-group: 4; } /* Tableiste */ /*Anpassung der Symbolleiste */ #titlebar,#tabbrowser-tabs { -moz-appearance: none !important; } /* Anpassung für Titelleistenschaltflächen */ #nav-bar > .titlebar-buttonbox-container .titlebar-button { width: 46px !important; } #toolbar-menubar:not([inactive]) ~ #nav-bar:not([inFullscreen]) > .titlebar-buttonbox-container { display: none !important; } /* Mehrzeilige Tableiste */ box.scrollbox-clip[orient="horizontal"] { display: block !important;contain: none !important; } box.scrollbox-clip[orient="horizontal"] > scrollbox { display: flex !important; flex-wrap: wrap !important; } .tabbrowser-tab[fadein]:not([pinned]) { flex-grow: 1 !important; } .tabbrowser-tab { height: calc(8px + var(--tab-min-height)); } .tabbrowser-tab > .tab-stack { width: 100% !important; } #TabsToolbar .toolbarbutton-1 { margin: 0 !important; } /* Ausblenden - Verstecken */ .tabbrowser-tab:not([fadein]),#alltabs-button { display: none !important; } /* --- Ziehbereich der Tab-Leiste --- */ /* Anpassung */ hbox.titlebar-spacer[type="pre-tabs"] { width: 0px !important; } /* Linker Ziehbereich: Standard 40px */ hbox.titlebar-spacer[type="post-tabs"] { width: 0px !important; } /* Rechter Ziehbereich: Standard 40px */ /* ↓ Wenn Sie die Auskommentierung links und rechts von unten stehenden CSS-Code entfernen und den CSS-Code aktivieren, können Sie den Ziehbereich links einblenden, der beim Maximieren des Fensters ausgeblendet wird. */ /* :root:not([sizemode="normal"]) hbox.titlebar-spacer[type="pre-tabs"] { display: block !important; } */ /* ↓ Wenn Sie die Auskommentierung links und rechts von unten stehenden CSS-Code entfernen und den CSS-Code aktivieren, können Sie den linken und rechten Ziehbereich einblenden, der im Vollbildmodus ausgeblendet wird. */ /* :root[inFullscreen] .titlebar-spacer { display: block !important; } */ } `; var sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService); var uri = makeURI('data:text/css;charset=UTF=8,' + encodeURIComponent(css)); sss.loadAndRegisterSheet(uri, sss.USER_SHEET); if(location.href !== 'chrome://browser/content/browser.xhtml') return; // Verschieben Sie die Menüleiste an den oberen Rand der Symbolleiste document.getElementById("titlebar").parentNode.insertBefore(document.getElementById("toolbar-menubar"),document.getElementById("titlebar")); // Titelleisten Schaltflächen in die Tableiste an den Rechten Rand verschieben document.getElementById("nav-bar").appendChild(document.querySelector("#TabsToolbar .titlebar-buttonbox-container")); // Scroll-Buttons und Spacer in der Tab-Leiste ausblenden shadowRoot gBrowser.tabContainer.arrowScrollbox.shadowRoot.getElementById('scrollbutton-up').style.display = "none"; gBrowser.tabContainer.arrowScrollbox.shadowRoot.getElementById('scrollbutton-down').style.display = "none"; gBrowser.tabContainer.arrowScrollbox.shadowRoot.querySelector('[part="overflow-start-indicator"]').style.display = "none"; gBrowser.tabContainer.arrowScrollbox.shadowRoot.querySelector('[part="overflow-end-indicator"]').style.display = "none"; // drag & drop & DropIndicator gBrowser.tabContainer.clearDropIndicator = function() { let tabs = this.allTabs; for (let i = 0, len = tabs.length; i < len; i++) { tabs[i].removeAttribute("style"); } } gBrowser.tabContainer.addEventListener("dragleave", function(event) { this.clearDropIndicator(event); }, true); gBrowser.tabContainer.on_dragover = function(event) { this.clearDropIndicator(); var effects = this.getDropEffectForTabDrag(event); event.preventDefault(); event.stopPropagation(); if (effects == "link") { let tab = this._getDragTargetTab(event, true); if (tab) { if (!this._dragTime) { this._dragTime = Date.now(); } if (Date.now() >= this._dragTime + this._dragOverDelay) { this.selectedItem = tab; } return; } } let newIndex = this._getDropIndex(event, effects == "link"); let children = this.allTabs; if (newIndex == children.length) { children[newIndex - 1].style.setProperty("box-shadow","-1px 0 0 red inset,1px 0 0 red","important"); } else { children[newIndex].style.setProperty("box-shadow","1px 0 0 red inset,-1px 0 0 red","important"); } } gBrowser.tabContainer.on_drop = function(event) { this.clearDropIndicator(); var dt = event.dataTransfer; var dropEffect = dt.dropEffect; var draggedTab; let movingTabs; if (dt.mozTypesAt(0)[0] == TAB_DROP_TYPE) { // tab copy or move draggedTab = dt.mozGetDataAt(TAB_DROP_TYPE, 0); // not our drop then if (!draggedTab) { return; } movingTabs = draggedTab._dragData.movingTabs; draggedTab.container._finishGroupSelectedTabs(draggedTab); } this._tabDropIndicator.hidden = true; event.stopPropagation(); if (draggedTab && dropEffect == "copy") { // copy the dropped tab (wherever it's from) let newIndex = this._getDropIndex(event, false); let draggedTabCopy; for (let tab of movingTabs) { let newTab = gBrowser.duplicateTab(tab); gBrowser.moveTabTo(newTab, newIndex++); if (tab == draggedTab) { draggedTabCopy = newTab; } } if (draggedTab.container != this || event.shiftKey) { this.selectedItem = draggedTabCopy; } } else if (draggedTab && draggedTab.container == this) { let oldTranslateX = Math.round(draggedTab._dragData.translateX); let tabWidth = Math.round(draggedTab._dragData.tabWidth); let translateOffset = oldTranslateX % tabWidth; let newTranslateX = oldTranslateX - translateOffset; if (oldTranslateX > 0 && translateOffset > tabWidth / 2) { newTranslateX += tabWidth; } else if (oldTranslateX < 0 && -translateOffset > tabWidth / 2) { newTranslateX -= tabWidth; } let dropIndex; if (draggedTab._dragData.fromTabList) { dropIndex = this._getDropIndex(event, false); } else { dropIndex = this._getDropIndex(event, false); // "animDropIndex" in draggedTab._dragData && // draggedTab._dragData.animDropIndex; } let incrementDropIndex = true; if (dropIndex && dropIndex > movingTabs[0]._tPos) { dropIndex--; incrementDropIndex = false; } if (oldTranslateX && oldTranslateX != newTranslateX && !gReduceMotion) { for (let tab of movingTabs) { tab.setAttribute("tabdrop-samewindow", "true"); tab.style.transform = "translateX(" + newTranslateX + "px)"; let postTransitionCleanup = () => { tab.removeAttribute("tabdrop-samewindow"); this._finishAnimateTabMove(); if (dropIndex !== false) { gBrowser.moveTabTo(tab, dropIndex); if (incrementDropIndex) { dropIndex++; } } gBrowser.syncThrobberAnimations(tab); }; if (gReduceMotion) { postTransitionCleanup(); } else { let onTransitionEnd = transitionendEvent => { if ( transitionendEvent.propertyName != "transform" || transitionendEvent.originalTarget != tab ) { return; } tab.removeEventListener("transitionend", onTransitionEnd); postTransitionCleanup(); }; tab.addEventListener("transitionend", onTransitionEnd); } } } else { this._finishAnimateTabMove(); if (dropIndex !== false) { for (let tab of movingTabs) { gBrowser.moveTabTo(tab, dropIndex); if (incrementDropIndex) { dropIndex++; } } } } } else if (draggedTab) { // Move the tabs. To avoid multiple tab-switches in the original window, // the selected tab should be adopted last. const dropIndex = this._getDropIndex(event, false); let newIndex = dropIndex; let selectedTab; let indexForSelectedTab; for (let i = 0; i < movingTabs.length; ++i) { const tab = movingTabs[i]; if (tab.selected) { selectedTab = tab; indexForSelectedTab = newIndex; } else { const newTab = gBrowser.adoptTab(tab, newIndex, tab == draggedTab); if (newTab) { ++newIndex; } } } if (selectedTab) { const newTab = gBrowser.adoptTab( selectedTab, indexForSelectedTab, selectedTab == draggedTab ); if (newTab) { ++newIndex; } } // Restore tab selection gBrowser.addRangeToMultiSelectedTabs( gBrowser.tabs[dropIndex], gBrowser.tabs[newIndex - 1] ); } else { // Pass true to disallow dropping javascript: or data: urls let links; try { links = browserDragAndDrop.dropLinks(event, true); } catch (ex) {} if (!links || links.length === 0) { return; } let inBackground = Services.prefs.getBoolPref( "browser.tabs.loadInBackground" ); if (event.shiftKey) { inBackground = !inBackground; } let targetTab = this._getDragTargetTab(event, true); let userContextId = this.selectedItem.getAttribute("usercontextid"); let replace = !!targetTab; let newIndex = this._getDropIndex(event, true); let urls = links.map(link => link.url); let csp = browserDragAndDrop.getCSP(event); let triggeringPrincipal = browserDragAndDrop.getTriggeringPrincipal( event ); (async () => { if ( urls.length >= Services.prefs.getIntPref("browser.tabs.maxOpenBeforeWarn") ) { // Sync dialog cannot be used inside drop event handler. let answer = await OpenInTabsUtils.promiseConfirmOpenInTabs( urls.length, window ); if (!answer) { return; } } gBrowser.loadTabs(urls, { inBackground, replace, allowThirdPartyFixup: true, targetTab, newIndex, userContextId, triggeringPrincipal, csp, }); })(); } if (draggedTab) { delete draggedTab._dragData; } } gBrowser.tabContainer._getDropIndex = function(event, isLink) { var tabs = this.allTabs; var tab = this._getDragTargetTab(event, isLink); if (!RTL_UI) { for (let i = tab ? tab._tPos : 0; i < tabs.length; i++) { if ( event.screenY < tabs[i].screenY + tabs[i].getBoundingClientRect().height ) { if ( event.screenX < tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2 ) { return i; } if ( event.screenX > tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2 && event.screenX < tabs[i].screenX + tabs[i].getBoundingClientRect().width ) { return i + 1; } } } } else { for (let i = tab ? tab._tPos : 0; i < tabs.length; i++) { if ( event.screenY < tabs[i].screenY + tabs[i].getBoundingClientRect().height ) { if ( event.screenX < tabs[i].screenX + tabs[i].getBoundingClientRect().width && event.screenX > tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2 ) { return i; } if ( event.screenX < tabs[i].screenX + tabs[i].getBoundingClientRect().width / 2 ) { return i + 1; } } } } return tabs.length; } } -
was wurde da gegenüber dem Original geändert.
Zeile 34 erweitert um:
contain: none !important; }
-
Moin @all,
ich habe hier mal ein bisschen Javascript aufgeschnappt,
leider reicht das wohl nicht für mein Vorhaben.
Mein Problem:
Das hier funktioniert:
Code
Alles anzeigen(function() { if (location.href !== 'chrome://browser/content/browser.xhtml') return; const orig = document.getElementById('context_closeOtherTabs'); const clone = orig.cloneNode(); const ref = document.getElementById('context_closeTab'); setTimeout(() => { orig.setAttribute('label', 'Andere Tabs schließen (Orig)'); clone.setAttribute('label', 'Andere Tabs schließen (Clone)'); }, 7000); tabContextMenu.insertBefore(clone, ref.nextSibling); })();Das hier nicht:
Code(function() { if (location.href !== 'chrome://browser/content/browser.xhtml') return; const orig = document.getElementById('saveforreadlater_gmail_com-menuitem-_saveIt'); const clone = orig.cloneNode(); const ref = document.getElementById('context-take-screenshot'); contentAreaContextMenu.insertBefore(clone, ref.nextSibling); })();Meine Frage ist:
Sind Add-Ons von Veränderungen durch Javascript ausgeschlossen?
Oder ist im Script ein Fehler?
Vielen Dank aus dem regnerischen Schleswig-Holstein!
-
Sind Add-Ons von Veränderungen durch Javascript ausgeschlossen?
Add-ons sind nicht vor Veränderungen in JavaScript gefeit. Mozilla entwickelt Firefox und also auch die JavaScript-Basis. Daran müssen sich Add-on-Entwickler und Skripte-Entwickler halten, denn beide wollen ja Einfluss auf Firefox nehmen. Ändert Mozilla etwas in Firefox und ein Benutzerskript oder ein Add-on funktioniert dann nicht mehr, obliegt es dem jeweiligen Skript- bzw. Add-on-Entwickler sein Skript bzw. Add-on anzupassen.
