FF 57 und Anpassungen per Javascript

aborix

Ja, BrowserReloadSkipCache berücksichtigt den Cache nicht, sofern Firefox online ist. Ist er offline, dann schon.

EffPeh

Ja, das habe ich inzwischen auch festgestellt, indem ich eine Formular-Seite befüllt habe.
Nur offline habe ich nicht ausprobiert. Kommt bei mir aber auch praktisch nicht vor...

EffPeh

Mir fehlt das AddOn TabMixPlus doch sehr im FF 57. Wer in seinem Browser nur wenige Tabs geöffnet hat, den dürfte die einzeilige TabsToolbar nicht weiter stören. Mich nervt es aber schon bei durchschnittlich 30-40 Tabs pro Session. Trotz Strg + Tab bzw. Script, das es mir erlaubt, durch die Tabs zu "wheelen".
Ich hoffe, dass das endgültige Quantum eine bessere Lösung bereithält, aber vorerst habe ich mir noch eine Extension installiert, die mir die Tabs in einer Sidebar anzeigt. Das macht natürlich die TabsToolbar mehr oder weniger überflüssig. Deshalb habe ich mir einen Button gebastelt, über den ich die Tabs-Leiste aus- bzw. einschalten kann.
Ich weiss nicht, ob es das schon irgendwo im Forum gibt, also stelle ich es einfach mal hier ein.

Version 1:
Bei dieser Version trenne ich Javascript und CSS.
Das Javascript schaut so aus:

Code

(function() {


// Toggle TabsToolbar v1
try {
	CustomizableUI.createWidget({
		toggleTabsToolbar : 1,
		id: "fp-toggle-tabs",
		defaultArea: CustomizableUI.AREA_NAVBAR,
		removable: true,
		label: "Toggle Tabs",
		tooltiptext: "Toggle Tabs",
		onClick: function() {

			if(this.toggleTabsToolbar == 1) {
				document.getElementById('TabsToolbar').classList.add('fp-toggle-off');
				this.toggleTabsToolbar = 0;
				document.getElementById(this.id).classList.add('fp-toggle-tabs');
			} else {
				document.getElementById('TabsToolbar').classList.remove('fp-toggle-off');
				this.toggleTabsToolbar = 1;
				document.getElementById(this.id).classList.remove('fp-toggle-tabs');
			}
		}
	});
} catch (e) {
	Components.utils.reportError(e);
};


})();

Alles anzeigen

Das entsprechende CSS dazu:

CSS

#fp-toggle-tabs {
	list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAU1JREFUeNpi/P//PwMlgImBQsBS3NwDZjAyMoIxNrBp06aZQMoYi9RZFiSOEtA75kCaF10VMzOze3h4uDy6+KJFixhY/vz5A+Nb5OfnVyoJceqgK/z37x/DsWPHwOxv3759f/bs2csfP368ZWJiOssCZMDU8ckKcOr8/IvpzvbqUkSgMTJw5lQ2dB49enTG+/fvGZANYPoB1PyXQKQwA4MJqIfJ2NiY4e7duwws7969Y+Dk5ASHI8j2n3//4TWAnZmJ4fv37+DQFhQUZGD58uULw8+fPxlYWVkZf/z5y/D792+8BvxnZWX4+vUrI0gdCLMAQz4YyJAGcUAB+uvXL7wGgKIaGJCg9JMH1PuU0cDBs2DLli39IEmQAUixgj3hsLCAMQj4+PgUMrKLK0QDBaTISYVAy56BAoMNiAVAhpOqH4g/MA54ZqLYAIAAAwCxqIzwVHePtgAAAABJRU5ErkJggg==');
}
.fp-toggle-tabs {
	list-style-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXtJREFUeNrEUj1Lw1AUPS++JGRQiotFEaVdOwgRdHSqCF2Ckzg4BhQbdeskuAo6d3HtH2jn/gE7FLpXEN0sDv1I2nx4b2ghaFuKDh44vHtfcj/euVfe3N2DIYSIOQ3tdhuapvH3MrkmsRFFkT0cDqFgQfi+jyAITMuyTD7ZZ8hFgqlaOQxDkwjXdTEOfqb7RjJBhi726FyekuCQsMV2v99HPp/nZ6BWq0FOWiHsO45Tyqwaue8JHp4qaDabsZ3NZlGv118o7oM0aUhuaYyVzZSR84KfT7g4O4nPy9ItBoMBSDzWbldRFCQTKC4FB9FsLdLpNFqtFmvwahgGdF2H7HQ6YIcnydW9IJyZwLZt6EsKzotOhX3uRna7XXieB1VVhesHGI1G8yeiquj1eoL/Y0pS+JiMDXZYUF6OeeBlo0mwBkWKfRM7B0dX1Wr1cbIsialMhZQyJqNQKFwLfW37lC7W8QtQsXdefo2YWnQrk/HET0HvwF/w/wm+BBgAN1S9cVvf4/wAAAAASUVORK5CYII=') !important;
}
.fp-toggle-off {
	min-height: 0px !important; 
	height: 0px !important;
	visibility: hidden !important;
	overflow: hidden !important;
}

Alles anzeigen

Version 2:
Bei dieser Version sind die Icon-Grafiken direkt im Javascript-Code eingebunden.

Code

(function() {


// Toggle TabsToolbar v2
try {
	CustomizableUI.createWidget({
		toggleTabsToolbar : 1,
		toggleStat_1 : 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAU1JREFUeNpi/P//PwMlgImBQsBS3NwDZjAyMoIxNrBp06aZQMoYi9RZFiSOEtA75kCaF10VMzOze3h4uDy6+KJFixhY/vz5A+Nb5OfnVyoJceqgK/z37x/DsWPHwOxv3759f/bs2csfP368ZWJiOssCZMDU8ckKcOr8/IvpzvbqUkSgMTJw5lQ2dB49enTG+/fvGZANYPoB1PyXQKQwA4MJqIfJ2NiY4e7duwws7969Y+Dk5ASHI8j2n3//4TWAnZmJ4fv37+DQFhQUZGD58uULw8+fPxlYWVkZf/z5y/D792+8BvxnZWX4+vUrI0gdCLMAQz4YyJAGcUAB+uvXL7wGgKIaGJCg9JMH1PuU0cDBs2DLli39IEmQAUixgj3hsLCAMQj4+PgUMrKLK0QDBaTISYVAy56BAoMNiAVAhpOqH4g/MA54ZqLYAIAAAwCxqIzwVHePtgAAAABJRU5ErkJggg==")',
		toggleStat_0 : 'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXtJREFUeNrEUj1Lw1AUPS++JGRQiotFEaVdOwgRdHSqCF2Ckzg4BhQbdeskuAo6d3HtH2jn/gE7FLpXEN0sDv1I2nx4b2ghaFuKDh44vHtfcj/euVfe3N2DIYSIOQ3tdhuapvH3MrkmsRFFkT0cDqFgQfi+jyAITMuyTD7ZZ8hFgqlaOQxDkwjXdTEOfqb7RjJBhi726FyekuCQsMV2v99HPp/nZ6BWq0FOWiHsO45Tyqwaue8JHp4qaDabsZ3NZlGv118o7oM0aUhuaYyVzZSR84KfT7g4O4nPy9ItBoMBSDzWbldRFCQTKC4FB9FsLdLpNFqtFmvwahgGdF2H7HQ6YIcnydW9IJyZwLZt6EsKzotOhX3uRna7XXieB1VVhesHGI1G8yeiquj1eoL/Y0pS+JiMDXZYUF6OeeBlo0mwBkWKfRM7B0dX1Wr1cbIsialMhZQyJqNQKFwLfW37lC7W8QtQsXdefo2YWnQrk/HET0HvwF/w/wm+BBgAN1S9cVvf4/wAAAAASUVORK5CYII=")',
		id: "uc-toggle-tabs",
		defaultArea: CustomizableUI.AREA_NAVBAR,
		removable: true,
		label: "Toggle Tabs",
		tooltiptext: "Toggle Tabs",
		onClick: function() {
			if(this.toggleTabsToolbar == 1) {
				document.getElementById('TabsToolbar').style.visibility = 'hidden';
				document.getElementById('TabsToolbar').style.minHeight = '0px';
				document.getElementById('TabsToolbar').style.height = '0px';
				document.getElementById('TabsToolbar').style.overflow = 'hidden';
				this.toggleTabsToolbar = 0;
				document.getElementById(this.id).style.listStyleImage = this.toggleStat_0;
			} else {
				document.getElementById('TabsToolbar').style.visibility = 'visible';
				document.getElementById('TabsToolbar').style.minHeight = '19px';
				document.getElementById('TabsToolbar').style.height = document.getElementsByClassName('tabbrowser-tab')[0].height;
				document.getElementById('TabsToolbar').style.overflow = 'visible';
				this.toggleTabsToolbar = 1;
				document.getElementById(this.id).style.listStyleImage = this.toggleStat_1;
			}
		},
		onCreated: function(aNode) {
            aNode.style.listStyleImage = this.toggleStat_1;
            return aNode;
        }
	});
} catch (e) {
	Components.utils.reportError(e);
};


})();

Alles anzeigen

Tante Edith: Der Dummkopf hat gestern die falsche Code-Version gepostet. Ich habe es mal korrigiert...