Werkzeuge ein-/ausblenden
Dafür reicht doch ein Rechtsklick...Element untersuchen.
ZitatBrowser-Werkzeuge
Teste bitte:
// browsertoolbox.uc.js
(function() {
if (location != 'chrome://browser/content/browser.xul')
return;
try {
CustomizableUI.createWidget({
id: 'browser-toolbox-button',
defaultArea: CustomizableUI.AREA_NAVBAR,
label: 'Browser-Werkzeuge',
tooltiptext: 'Browser-Werkzeuge',
onCommand: function(event) {
onCommand(event);
}
});
} catch(e) {
return;
};
var css = '\
@-moz-document url("chrome://browser/content/browser.xul") { \
#browser-toolbox-button { \
list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAdUlEQVQokZVSwRHAIAgLPYfoXs7RCTpG53Avt7APrhaFU8gLMEEJAkEQgFbc7IxkVjt0r6Sp7VIVITumBpKt00FA2ThmjXzkfMMWO8EZFSj8LrUyjsG9b9DaJXq+qAIVxEUxtLHpaXE95dj1NcK2rmbwaGJ4Af0tIg00j/6iAAAAAElFTkSuQmCC) \
} \
}';
var cssUri = Services.io.newURI('data:text/css,' + encodeURIComponent(css), null, null);
var SSS = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
SSS.loadAndRegisterSheet(cssUri, SSS.Agent_SHEET);
Cu.import('resource://gre/modules/Timer.jsm');
function onCommand(event) {
var listenOpen = {
observe: function(aSubject, aTopic, aData) {
if (aTopic != 'domwindowopened')
return;
var newWin = aSubject;
newWin.addEventListener('load', function onLoad() {
setTimeout(function() {
doNewWin(newWin);
newWin.removeEventListener('load', onLoad);
}, 0);
});
}
};
Services.ww.registerNotification(listenOpen);
var document = event.target.ownerDocument;
if (!document.getElementById('menu_browserToolbox')) {
let { require } = Cu.import("resource://devtools/shared/Loader.jsm", {});
require("devtools/client/framework/devtools-browser");
};
document.getElementById('menu_browserToolbox').click();
var tId = setTimeout(function() {
Services.ww.unregisterNotification(listenOpen);
}, 5000);
};
})();Hier ein Script für eine frei verschiebbrare Schaltfläche zum Öffnen und Schließen der
Entwicklerwerkzeuge:
// Entwicklerwerkzeuge-button.uc.js
(function() {
if (location != 'chrome://browser/content/browser.xul') return;
try {
CustomizableUI.createWidget({
id: 'Entwickler-ToolBarButton',
type: 'custom',
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(aDocument) {
var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
var props = {
id: 'Entwickler-ToolBarButton',
class: 'toolbarbutton-1 chromeclass-toolbar-additional',
label: 'Entwicklerwerkzeuge',
tooltiptext: 'Entwickler Werkzeuge öffnen',
style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAACy0lEQVR4nI2TW0zTZxTAf9%2B%2FfwptXbQtWoTSUimoCNWqmBiWxkWZqAkajfEaNTHbi4%2Fqgw%2FGhy1zEqMxLFPjZYkmi4Qt8TI0miiRGAteEBCEtlBuKtTSpgLFDYRvD6vGGYmel3OSc37nnJyL4Askx5aZYbfbjtrt9hJFmdD29Dz%2FPRQK721o9Q1qPgfPzrIVbNm2OfBT2Q%2F5GRnmFJdrbpJxmmGhz9fu7H0Zqvxs9aLCBVWhvi559c%2FfZNXlC%2FJE2UG5YE7uL%2B%2F86mSgLT0jVb4dXTcrJ2d1%2BFU%2Fba0tuN1ublTdJNjZ89SdN2dXik63QnwKds1zH9q%2BYcUhxwydkEYHjU116LTJuOYX0OHvZFQm43Raqb5d0%2F%2B%2FDuzWWTtKiouO79vpMTm0AeIDz3kY1dDSHCA720qttw6r3UFWmoVARxcNT5ouvu%2BgYN78Kwf2rCvdUpxOuKmaoL%2Bb%2Fp4%2BDDNyuTecicaSz1c6DaqqASG4dfWvwaC%2FzSIA1q9Zdevw90uKs6f28rDWz9DrEUbHFQZCESLDWrK%2B2UQ83UMs1EUsGqau5s5wdzC4uDnQ4RMrl3nKftzo3G8W3Vy43sa16hfsKHWRPB5hZEzB5Colrrdw7mLF%2BTfDg4fVJFUoQtPe6G%2BXAOrSLP139bdrMKZNYXBM3%2FcszrR4cppOGYpisBcybnLyx6XKR%2FXNLbs%2FNXD1TTQ00RoRmJIMFOWOTlfGrCLVIFFsa8GST0XFpYZq7%2F3CydathuJCzjRa8MWmoJoz1aUlZlLzltMZE5wtPxK4V1frngwGYLnn61%2FP%2F3xQnik%2FKR887ZXRf6Q8Vn5a5joclSmqJiURJgA9oHzMC4C5efl3F7oXeUypZh4%2F8HLf6z0BnErEGBNaD0SAfiAODL1PkHBuBb4FBoBmYAR4BWgS9lsgBrwGwokkfHjKAtACSfz3IxIYA%2F4GJiYbwb9UlwQVHCL1dwAAAABJRU5ErkJggg%3D%3D)',
oncommand:"document.getElementById('menu_devToolbox').click();"
};
for (var p in props)
toolbaritem.setAttribute(p, props[p]);
return toolbaritem;
}
});
} catch(e) { };
})();Mfg.
Endor
@ Endor
Scheint nur zu funktionieren, wenn die Entwickler-Werkzeuge wenigstens einmal pro Firefox-Sitzung auf andere Weise als mit einem Klick auf den vom Script generierten Button geöffnet wurden.
Ich nutze allerdings die englische Firefox-Version. Vielleicht hat es was damit zu tun. Ist das erste Mal, dass ich ein Userscript ausprobiert habe. Coole Sache übrigens!
Also hier funktioniert es immer.
Habe Firefox 59.0.1 schon einige male ganz geschlossen und später
wieder gestartet, die Schaltfläche funktioniert immer.
Keine Ahnung was da bei Dir dazwischenfunkt.
Mfg.
Endor
wenigstens einmal pro Firefox-Sitzung auf andere Weise als mit einem Klick auf den vom Script generierten Button geöffnet wurden.
Den Fehler kann ich hier bestätigen, ist bei mir auch so mit dem Script.
Dieser Button öffnet nicht die Werkzeuge, sondern ein Panel, das sie auflistet.
Was das Skript betrifft:
@ Endor:
Wenn du nach dem Start als erstes auf den Button klickst und vorher nichts machst, öffnen sich die Werkzeuge nicht. Auf jeden Fall in einem neuen Profil.
Testet dieses Skript:
// Entwicklerwerkzeuge-button.uc.js
(function() {
if (location != 'chrome://browser/content/browser.xul') return;
try {
CustomizableUI.createWidget({
id: 'Entwickler-ToolBarButton',
type: 'custom',
defaultArea: CustomizableUI.AREA_NAVBAR,
onBuild: function(aDocument) {
var toolbaritem = aDocument.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'toolbarbutton');
var props = {
id: 'Entwickler-ToolBarButton',
class: 'toolbarbutton-1 chromeclass-toolbar-additional',
label: 'Entwicklerwerkzeuge',
tooltiptext: 'Entwickler Werkzeuge öffnen',
style: 'list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8%2F9hAAACy0lEQVR4nI2TW0zTZxTAf9%2B%2FfwptXbQtWoTSUimoCNWqmBiWxkWZqAkajfEaNTHbi4%2Fqgw%2FGhy1zEqMxLFPjZYkmi4Qt8TI0miiRGAteEBCEtlBuKtTSpgLFDYRvD6vGGYmel3OSc37nnJyL4Askx5aZYbfbjtrt9hJFmdD29Dz%2FPRQK721o9Q1qPgfPzrIVbNm2OfBT2Q%2F5GRnmFJdrbpJxmmGhz9fu7H0Zqvxs9aLCBVWhvi559c%2FfZNXlC%2FJE2UG5YE7uL%2B%2F86mSgLT0jVb4dXTcrJ2d1%2BFU%2Fba0tuN1ublTdJNjZ89SdN2dXik63QnwKds1zH9q%2BYcUhxwydkEYHjU116LTJuOYX0OHvZFQm43Raqb5d0%2F%2B%2FDuzWWTtKiouO79vpMTm0AeIDz3kY1dDSHCA720qttw6r3UFWmoVARxcNT5ouvu%2BgYN78Kwf2rCvdUpxOuKmaoL%2Bb%2Fp4%2BDDNyuTecicaSz1c6DaqqASG4dfWvwaC%2FzSIA1q9Zdevw90uKs6f28rDWz9DrEUbHFQZCESLDWrK%2B2UQ83UMs1EUsGqau5s5wdzC4uDnQ4RMrl3nKftzo3G8W3Vy43sa16hfsKHWRPB5hZEzB5Colrrdw7mLF%2BTfDg4fVJFUoQtPe6G%2BXAOrSLP139bdrMKZNYXBM3%2FcszrR4cppOGYpisBcybnLyx6XKR%2FXNLbs%2FNXD1TTQ00RoRmJIMFOWOTlfGrCLVIFFsa8GST0XFpYZq7%2F3CydathuJCzjRa8MWmoJoz1aUlZlLzltMZE5wtPxK4V1frngwGYLnn61%2FP%2F3xQnik%2FKR887ZXRf6Q8Vn5a5joclSmqJiURJgA9oHzMC4C5efl3F7oXeUypZh4%2F8HLf6z0BnErEGBNaD0SAfiAODL1PkHBuBb4FBoBmYAR4BWgS9lsgBrwGwokkfHjKAtACSfz3IxIYA%2F4GJiYbwb9UlwQVHCL1dwAAAABJRU5ErkJggg%3D%3D)',
oncommand:"document.getElementById('menu_devToolbox').click();"
};
for (var p in props)
toolbaritem.setAttribute(p, props[p]);
return toolbaritem;
}
});
} catch(e) { };
setTimeout(function() {
if (document.getElementById('menuWebDeveloperPopup').childElementCount <= 5) {
let { require } = Cu.import("resource://devtools/shared/Loader.jsm", {});
require("devtools/client/framework/devtools-browser");
};
}, 0);
})();
Dieser Button öffnet nicht die Werkzeuge, sondern ein Panel, das sie auflistet.
Was das Skript betrifft:
aa jetzt habe ich es auch geschnallt 
gibt es sowas auch noch für "Browser-Werkzeuge" ?
@ aborix
Funktioniert.
@ Dato
Zitatgibt es sowas auch noch für "Browser-Werkzeuge" ?
In dem Fall wäre es schön, auch ein Script zu haben, dass das Verhalten des Buttons im Hamburger-Menü angleicht. Sonst wäre es inkonsistent.
Edit:
Ich finde, dass jeder Button verschiebbar sein sollte. Aber nativ, nicht per Script. Optimal wäre es, wenn man sich Menüs einfach per Drag und Drop selbst bauen könnte. Und auch die Option, Text statt Icons anzuzeigen oder beides anzuzeigen, vermisse ich. Ich meine, die hätte es ganz früher mal gegeben. So wie in Thunderbird.
Den Eintrag "Page Style" gibt es im Hamburger-Menü im Gegensatz zum klassischen Menü auch immer noch nicht. Alles ein wenig inkonsistent.
gibt es sowas auch noch für "Browser-Werkzeuge" ?
Siehe Beitrag Nr. 2.
Ich dachte, Dato meine die Toggle-Funktion des Buttons, also dass sich die Browser-Toolbox mit dem Button nicht nur ein-, sondern auch ausblenden lässt – so wie die "normale" Toolbox. Übrigens finde ich, dass Firefox zumindest in der englischen Version schon in Bezug auf die Namen der Boxen bzw. Werkzeuge inkonsistent ist. Und der Aufbau des Web-Developer-Menüs ist ziemlich asymmetrisch. Z. B. finde ich es überflüssig, dass man die Content-Toolbox mit acht Buttons aufrufen kann. Aber egal, die lassen sich ja mit CSS leicht ausblenden.
Symmetrisch wären z. B. Bezeichnungen wie Inhalts-Werkzeuge und UI-Werkzeuge. Die Inhalts-Werkzeuge sind ja auch Browser-Werkzeuge. Ist ein anderes Thema, aber mir fallen diese Inkonsistenzen ziemlich auf.
nicht nur ein-, sondern auch ausblenden lässt
Ob ich dafür nun den neuen Button oder das X anklicken muss, finde ich letztlich egal.
Ich im Prinzip auch. Aber Symmetrie ist halt schön. Und Symmetrie/Asymmetrie gibt es halt nicht nur bei sichtbaren oder greifbaren Dingen, sondern auch beim Verhalten.
Wenn du allerdings den Button in Bezug auf das Verhalten symmetrisch machst, brichst du die Symmetrie zwischen dem Button in der Toolbar und dem Button im Hamburger-Menü. Deswegen schrieb ich in einem der Beiträge, dass der Button im Hamburger-Menü dann mittels eines Scripts auch angeglichen werden sollte.
Edit: Asymmetrien können auch schön sein. Aber Symmetriebrüche wie "|I" sind halt nicht so schön.
En Beispiel für eine schöne Asymmetrie wäre z. B. (guter) Blocksatz in der Typografie. Die Zeilen sind zwar gleich lang, aber die Zeichen in den Zeilen unterscheiden sich. Oder anderes Beispiel: Eine Spiralgalaxie. Wäre sie absolut symmetrisch, wäre sie langweilig.
Hallo aborix.
Vielen Dank für die Änderung des Scripts.
Nun funktioniert es einwandfrei.
Ist ab jetzt auch hier zu finden:
https://github.com/Endor8/user…webdevelopertoolbarbutton
Mfg.
Endor