Add-ons Manager, einmal Script und einmal Code (zusammenführen möglich?)

BarbaraZ-

Moin,

ich nutze zum Anpassen des Add-ons Managers folgendes Script:

CSS

/** Addons-Manager **/

@-moz-document url-prefix(chrome://mozapps/content/extensions/aboutaddons.html),
url-prefix(about:addons) { 

/**** Nummerierung der installierten Erweiterungen im AddonsManager ****/

/* fortlaufende Nummerierung installierter Erweiterungen, Themes, usw. */
body {
    counter-reset: section !important;                   
}   
   
#main > addon-list:nth-child(1) > section:nth-child(2) > addon-card:nth-child(n+1) > div:nth-child(1) > div:nth-child(2)::before {
    font-size: 14px !important; 
    font-weight: bold !important;	
    color: Magenta !important; 
    counter-increment: section;                 
    content: counter(section, decimal-leading-zero)".) ";
    margin-left: -8px !important;
    padding-right: 8px !important; 
    margin-top: 1px !important;
    }

.addon-name-link {
    color: yellow !important;
    }

Alles anzeigen

Zusätzlich aber auch folgenden Code:

Code

// ==UserScript==
// @name           addons_ver_day_updatecheck.uc.js 
// @description    Bei about:addons beim Titel der Erweiterung Versionsinfo und 
//                 Installationsdatum hinzufügen
// @update         Anpassung zur Verwendung der ESM-Module mit der Dateiendung .sys.mjs //                 von milupo
// @include        main
// ==/UserScript==

if (typeof window === "undefined" || globalThis !== window) {
    this.EXPORTED_SYMBOLS = ["AboutAddonsVerboseChild"];
    ChromeUtils.defineModuleGetter(this, "AddonManager", "resource://gre/modules/AddonManager.jsm");
    try {
        ChromeUtils.registerWindowActor("AboutAddonsVerbose", {
            child: {
                moduleURI: __URI__,
                events: {
                    DOMDocElementInserted: {},
                },
            },
            matches: ["about:addons"],
        });
    } catch (e) {Cu.reportError(e);}
    this.AboutAddonsVerboseChild = class extends JSWindowActorChild {
        handleEvent({type}) {
            if (type !== "DOMDocElementInserted") return;
            const win = this.contentWindow;
            const doc = win.document;
            doc.addEventListener("view-loaded", () => {
                const addons = doc.querySelectorAll(".addon-name");
                for (let addon of addons) {
                    const addonId = addon.querySelector("a")?.href.slice("addons://detail/".length);
                    if (addonId) AddonManager.getAddonByID(addonId).then(result => {
                        const {version, updateDate} = result;
                        const info = doc.createElement("span");
						info.style.color = "yellow"; // Erweitert
                        info.style.fontSize = "1rem";
                        info.style.fontStyle = "normal";
						info.style.fontWeight = "600";
                        info.style.marginInlineEnd = "8px";
                        info.textContent = `${version} - ${updateDate.toLocaleDateString("de-DE")}`;
                        addon.insertAdjacentElement("afterend", info);
                    }).catch(err => Cu.reportError(err));
                }
            });
        }
    };
}
else {
    try {
        const fileHandler = Services.io.getProtocolHandler("file").QueryInterface(Ci.nsIFileProtocolHandler);
        const scriptFile = fileHandler.getFileFromURLSpec(Components.stack.filename);
        const resourceHandler = Services.io.getProtocolHandler("resource").QueryInterface(Ci.nsIResProtocolHandler);
        if (!resourceHandler.hasSubstitution("about-addons-verbose-ucjs")) {
            resourceHandler.setSubstitution("about-addons-verbose-ucjs", Services.io.newFileURI(scriptFile.parent));
        }
        ChromeUtils.import(`resource://about-addons-verbose-ucjs/${scriptFile.leafName}?${scriptFile.lastModifiedTime}`);
    } catch (e) {Cu.reportError(e)}
}

Alles anzeigen

Kann man beides, am liebsten in dem CSS-Code, vereinen?

Für Hilfe bin ich dankbar.

grisu2099

Wenn dir die Anzeige der Version ausreicht - das geht per CSS.

Füge dazu folgendes zu deinem CSS hinzu:

CSS

div:not([current-view="updates"]) .addon-name-link[title]::after,
div:not([current-view="updates"]) .addon-name[title]::after {
    display: block !important;
    content: attr(title) !important;
    margin-top: -22px !important;
    }

Den Abstand mußt du dir natürlich entsprechend anpassen.

BarbaraZ-

Hallo grisu2099,

egal, ob ich dieses an den Anfang oder an das Ende setze, es kommt dieses Ergebnis heraus:

CSS

// ==UserScript==
// @name           addons_ver_day_updatecheck.uc.js 
// @description    Bei about:addons beim Titel der Erweiterung Versionsinfo und 
//                 Installationsdatum hinzufügen
// @update         Anpassung zur Verwendung der ESM-Module mit der Dateiendung .sys.mjs //                 von milupo
// @include        main
// ==/UserScript==

div:not([current-view="updates"]) .addon-name-link[title]::after,
div:not([current-view="updates"]) .addon-name[title]::after {
    display: block !important;
    content: attr(title) !important;
    margin-top: -22px !important;
    }
	
if (typeof window === "undefined" || globalThis !== window) {
    this.EXPORTED_SYMBOLS = ["AboutAddonsVerboseChild"];
    ChromeUtils.defineModuleGetter(this, "AddonManager", "resource://gre/modules/AddonManager.jsm");
    try {
        ChromeUtils.registerWindowActor("AboutAddonsVerbose", {
            child: {
                moduleURI: __URI__,
                events: {
                    DOMDocElementInserted: {},
                },
            },
            matches: ["about:addons"],
        });
    } catch (e) {Cu.reportError(e);}
    this.AboutAddonsVerboseChild = class extends JSWindowActorChild {
        handleEvent({type}) {
            if (type !== "DOMDocElementInserted") return;
            const win = this.contentWindow;
            const doc = win.document;
            doc.addEventListener("view-loaded", () => {
                const addons = doc.querySelectorAll(".addon-name");
                for (let addon of addons) {
                    const addonId = addon.querySelector("a")?.href.slice("addons://detail/".length);
                    if (addonId) AddonManager.getAddonByID(addonId).then(result => {
                        const {version, updateDate} = result;
                        const info = doc.createElement("span");
						info.style.color = "yellow"; // Erweitert
                        info.style.fontSize = "1rem";
                        info.style.fontStyle = "normal";
						info.style.fontWeight = "600";
                        info.style.marginInlineEnd = "8px";
                        info.textContent = `${version} - ${updateDate.toLocaleDateString("de-DE")}`;
                        addon.insertAdjacentElement("afterend", info);
                    }).catch(err => Cu.reportError(err));
                }
            });
        }
    };
}
else {
    try {
        const fileHandler = Services.io.getProtocolHandler("file").QueryInterface(Ci.nsIFileProtocolHandler);
        const scriptFile = fileHandler.getFileFromURLSpec(Components.stack.filename);
        const resourceHandler = Services.io.getProtocolHandler("resource").QueryInterface(Ci.nsIResProtocolHandler);
        if (!resourceHandler.hasSubstitution("about-addons-verbose-ucjs")) {
            resourceHandler.setSubstitution("about-addons-verbose-ucjs", Services.io.newFileURI(scriptFile.parent));
        }
        ChromeUtils.import(`resource://about-addons-verbose-ucjs/${scriptFile.leafName}?${scriptFile.lastModifiedTime}`);
    } catch (e) {Cu.reportError(e)}
}

Alles anzeigen

2002Andreas

Zitat von BarbaraZ-

ob ich dieses an den Anfang oder an das Ende setze

Nicht in das Skript einfügen, sondern:

Zitat von grisu2099

Füge dazu folgendes zu deinem CSS hinzu

BarbaraZ-

Sorry, da ist ja richtig was schief gelaufen. Mache ich gleich mal.

Die Anzeige der Version hatte ich vorher schon. Muss nochmal basteln.

Die Schnipsel von grisu2099 hatte ich vorher schon. Habe ihn rausnehmen müssen, da sie Versionsnummer doppelt angezeigt wurde. Von daher wurde es im ersten Posting nicht mit angezeigt.

Ich lade jetzt beides und fertig. Danke fürs drüberschauen.

FuchsFan

Zitat von BarbaraZ-

Ich lade jetzt beides und fertig.

So mache ich es auch, gefällt mir besser.

Dharkness

Zitat von FuchsFan

gefällt mir besser.

Hallo FuchsFan,

dem stimme ich zu, habe ich jetzt auch so gemacht.

milupo

Zitat von BarbaraZ-

Ich lade jetzt beides und fertig. Danke fürs drüberschauen.

Wenn du den Zusammenhang zwischen dem CSS-Code und diesem Skript sehen willst, setze doch den Code in eine CSS-Datei, die genauso heißt, wie das Skript.

Übrigens. Ich bin kein Freund davon, Skripte mit CSS-Code zu überladen. Mal so ein paar Angaben wie in diesem Skript, aber nicht hundert Zeilen CSS in ein Skript packen. Das ist jetzt übertrieben, ich weiß.

FuchsFan

Zitat von Dharkness

dem stimme ich zu, habe ich jetzt auch so gemacht.

FuchsFan

Dharkness

Nachträglich habe ich bemerkt, dass bei aktivierten und deaktivierten Addons die Abstände unterschiedlich sind, und deshalb nicht im Script allgemein angesprochen werden können. Dazu habe ich jetzt im Code about:addons diesen Teil eingefügt, der angepasst werden kann.

CSS

/*===== nur in Verbindung mit Script "addons_ver_day_updatecheck.uc.js " =====*/

/* Anpassungen für aktivierte Addons / Lage und Farbe des Textes */
div#main addon-list section.extension-enabled-section addon-card div.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container span {
	margin-top: 8px !important;
	margin-left: 10px !important;
	color: #3a86fe !important;
}
/* Anpassungen für deaktivierte Addons / Lage und Farbe des Textes */
div#main addon-list section.extension-disabled-section addon-card div.card.addon div.addon-card-collapsed div.card-contents div.addon-name-container span {
	margin-top: 0px !important;
	margin-left: 10px !important;
	color:  	#848080 !important;
}

/** Ende **/

Alles anzeigen

Dharkness

Zitat von FuchsFan

Nachträglich habe ich bemerkt, dass bei aktivierten und deaktivierten Addons die Abstände unterschiedlich sind, und deshalb nicht im Script allgemein angesprochen werden können. Dazu habe ich jetzt im Code about:addons diesen Teil eingefügt, der angepasst werden kann.

Diese zusätzliche Anpassung war bei mir nicht nötig.

FuchsFan

Zitat von Dharkness

Diese zusätzliche Anpassung war bei mir nicht nötig.

Auch gut.

Dharkness

Zitat von FuchsFan

Auch gut.

Hast Du auch mal bei Themes, Plugins, Wörterbücher und Sprachen geschaut? Nicht das da bei Dir auch noch Anpassungen nötig sind.

FuchsFan

Zitat von Dharkness

Hast Du auch mal bei Themes, Plugins, Wörterbücher und Sprachen geschaut? Nicht das da bei Dir auch noch Anpassungen nötig sind.

Danke, Ralf, da hatte ich noch keinen Blick drauf geworfen, aber auch da mussten Anpassungen vorgenommen werden.

Dharkness

Zitat von FuchsFan

Danke, Ralf, da hatte ich noch keinen Blick drauf geworfen, aber auch da mussten Anpassungen vorgenommen werden.

Hm, das ist faszinierend, ich musste sozusagen nur die Grundanpassung im Script machen, die Versionsnummer hatte ich ja schon per CSS eingeblendet und dort musste nichts angepasst werden. Dann ist mein CSS-Voodoo für about:addons wohl doch etwas anders aufgebaut als das von Dir.

FuchsFan

Zitat von Dharkness

Hm, das ist faszinierend

Ist es, Ralf, in v129 nur bei deaktivierten Erweiterungen, in v131 Nightly überall angepasst.

BarbaraZ-

Vielen Dank an FuchsFan für die Erweiterung aus Beitrag #10.

Habe mir die Farbe noch angepasst.

FuchsFan

Zitat von BarbaraZ-

Vielen Dank

Aber gerne doch. Hast Du mal nachgeschaut, was Dharkness hier RE: Add-ons Manager, einmal Script und einmal Code (zusammenführen möglich?) erwähnt?

Wenn es dann auch so sein sollte, dann kann ich dazu den Code nachliefern.

BarbaraZ-

Ja, danke, das habe ich gelesen.

Da ich nur das Alpenglow nutze und keine Wörterbücher oder weitere Sprachen installiert habe, passt es für Themes und Plugins. Also alles schlank. Nur schade, das man es nicht zusammenführen kann. Entweder als Script oder als Code.

Add-ons Manager, einmal Script und einmal Code (zusammenführen möglich?)

BarbaraZ- 8. August 2024 um 13:33

Ähnliche Themen

Variablen in CSS nutzen

Button für ein Popup zur Zeitanzeige verschiedener Städte in verschiedenen Zeitzonen