Neue Quicklink-Button

Mira_Belle

OK, wir wollen es ja nicht zu umfassend und kompliziert machen!
Da ich auch andere Quellen nutze, z.B. hier das Board aber auch MDN oder auch Quellen fernab von Europa,
und den Code mehr oder weniger immer irgendwie bearbeite, wäre es meiner Meinung echt nicht Zielführend
im Anhang dann eine Latte an Quellen zu nennen!

Ich werde im Skript und auch in den Beiträgen in Zukunft darauf hinweisen, dass KI im Spiel war.

Und ich meine, es ist doch keinem geholfen, wenn ich drunterschreibe:

Zitat

Teile oder einzelne Zeilen des Codes stammen von:
"https://www.perplexity.ai/",
"https://chat.mistral.ai/chat",
"https://chatgpt.com/",
"https://duckduckgo.com/?q=DuckDuckGo+…a=chat&duckai=1"
oder gar "https://lmarena.ai/de".
Des Weiteren habe ich auf MDN & javascript.info recherchiert und es könnten Codefragmente aus anderen Skripten von
"https://github.com/ywzhaiqi/userChromeJS",
"https://github.com/ardiman/userChrome.js",
"https://github.com/alice0775/userChrome.js",
"https://github.com/Endor8/userChrome.js",
"https://github.com/Aris-t2/CustomJSforFx/tree/master/scripts"
oder
"https://github.com/benzBrake/Fire…er/userChromeJS"
enthalten sein.

Alles anzeigen

Und eine kleine Anmerkung von mir.
Es ist schon sehr interessant, dass das eine oder andere Skript von hier
auf "https://u6.getuploader.com/script/" landet.
Die können gar nicht so schlecht sein.

Endor

Zitat von Mira_Belle

auf "https://u6.getuploader.com/script/" landet.

Darauf wollte ich dich schon vor Tagen aufmerksam machen.
Für mich der Beweis, der ausgezeichneten Qualität deiner Scripte.

Vielen Dank für Deine tolle Arbeit.
Mfg.
Endor

Horstmann

Hier noch ein Vorschlag für ein einfaches Button Basis Script; die Ersetzungen sind nicht überall nötig, aber machen mir zumindest die Übersicht und die Suche im Editor und via OS leichter.
Ausserdem vergesse ich dauernd irgend einen Namen oder ID überall zu ersetzen.

Die Idee dahinter ist, dass man für einen neuen (einfachen) Button nur ein Keyword ersetzt, die Funktion ändert, und der Rest ist Kosmetik.
Enthalten sind Optionen für Firefox/ eigenes Icon, und CSS.

JavaScript

// Universal Firefox button script, for simple functions

// Example:
// Name: restart_clear_cache.uc.js
// Description: Button to restart Firefox and clear cache
// Keyword: existingkeyword_ ==> restart_

// To change script ==>
// => Use editor to replace keyword: existingkeyword_ with newkeyword_ , use an underscore_ for best effect
// Do not use any other special characters or spaces for this keyword
// => Change Button function as required
// Script should now be fully functional, without conflicts with other scripts

// => Adjust remaining user settings, values only, and name / description on top, as desired
// Use CSS code block if needed, the entire CSS block can also be deleted

(function() {

if (location.href !== 'chrome://browser/content/browser.xhtml')
    return;

// After script changes, restart with Clear StartUp Cache => about:support
// == User settings ==>

    // Icon
    // false = use Firefox Icon, true = Custom Icon
    const use_custom_restart_icon = false;

    // Firefox icon, or absolute file path if use_custom_restart_icon = false
    const fx_restart_icon = "chrome://browser/skin/sync.svg";

    // Custom icon file
    const custom_restart_icon = 'flower-satt32.png';

    // Custom Icons expected in profile-name/chrome/icons folder ("icons" folder needs to be created)
    // Path to icons folder named "icons" inside profile folder
    const restart_iconPath = '/chrome/icons/';

    // Label, tooltip
    const restart_label = 'Restart';
    const restart_tooltip = 'restart & clear cache';

// <== User settings end ==

    // Get path to profile folder
    const restart_curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));
    // Apply chosen icon
    let restart_icon = fx_restart_icon;
    if (use_custom_restart_icon) {
        restart_icon = restart_curProfDir + restart_iconPath + custom_restart_icon;
    }
    // Button
    try {
        CustomizableUI.createWidget({
            id: 'restart_button_c',
            defaultArea: CustomizableUI.AREA_NAVBAR,
            label: restart_label,
            tooltiptext: restart_tooltip,
            onCreated: (this_button) => {
                this_button.style.MozContextProperties = 'fill, stroke, fill-opacity, stroke-opacity';
                this_button.style.listStyleImage = 'url(' + restart_icon + ')';
                this_button.style.minWidth = 'fit-content';
            }
        });
    } catch(e) { };
    // Apply listener and function
    (function restart_button_exists() {
        const restart_btn = document.getElementById('restart_button_c');
        if (restart_btn) {
            restart_btn.addEventListener('click', restart_function);
        } else {
            setTimeout(restart_button_exists, 100);
        }
    })();

// == Button function ==>
    function restart_function(e) {
       if (e.button === 0) {
          // Function code
          Services.appinfo.invalidateCachesOnRestart();
          Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
          // Function code end
       }
     };
// <== Button function end ==

// == CSS code block, optional ==>
let css =`
/*
#restart_button_c .toolbarbutton-icon {
    outline: 1px solid green !important;
    outline-offset: -1px !important;
}
*/
`;
const sss = Cc['@mozilla.org/content/style-sheet-service;1'].getService(Ci.nsIStyleSheetService);
const uri = Services.io.newURI('data:text/css,' + encodeURIComponent(css));
sss.loadAndRegisterSheet(uri, sss.AGENT_SHEET);
// <== CSS code block end ==

})();

Alles anzeigen

-------------

Einfachere Variante für bis zu 3 Mouse Buttons:

JavaScript

// Firefox button javascript, example for using 3 mouse buttons

// Name: Restart_button_example.uc.js
// Description: Button to restart Firefox and clear cache (left click), normal restart (middle click), open about:addons (right click)

// To change script ==>
// => Change Button ID (mandatory), must be unique and not be used by any other code
// => Change Button function
// => Adjust remaining user settings values, and file name / description of script, as desired

// Left mouse button: e.button === 0 / middle: 1 / right: 2

// After script changes, restart with Clear StartUp Cache => about:support

(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml')
    return;

// == User settings ==>

// Button ID, always use unique value
    const btn_id = 'restart_btn';

// Label, tooltip
    const btn_label = 'Restart Button';
    const btn_tooltip = 'restart & clear cache';

// Button function
    function btn_function(e) {
       // left mouse button =>
       if (e.button === 0) {
          Services.appinfo.invalidateCachesOnRestart();
          Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
       }
       // <=
       // middle mouse button =>
       if (e.button === 1) {
          Services.startup.quit(Ci.nsIAppStartup.eRestart | Ci.nsIAppStartup.eAttemptQuit);
       }
       // <=
       // right mouse button =>
       if (e.button === 2) {
          openTrustedLinkIn('about:addons', 'tab');
       }
       // <=
     };

// Disable right click context menu, only if right mouse button is used by script; true / false
    const btn_context_off = true;

// Icon
    // false = use Firefox Icon, true = Custom Icon
    const use_custom_btn_icon = false;

    // Firefox icon, or any absolute file path if use_custom_btn_icon = false
    const fx_btn_icon = 'chrome://browser/skin/sync.svg';
    // Custom icon file
    const custom_btn_icon = 'flower-satt32.png';

    // Custom Icons expected in profile-name/chrome/icons folder ('icons' folder needs to be created)
    // Path to icons folder named 'icons' inside profile folder
    const btn_iconPath = '/chrome/icons/';

// <== User settings end ==

    // Get path to profile folder
    const btn_curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));

    // Apply icon
    let btn_icon = btn_curProfDir + btn_iconPath + custom_btn_icon;
    if (!use_custom_btn_icon) {
        btn_icon = fx_btn_icon;
    };

    // Button
    try {
        CustomizableUI.createWidget({
            id: btn_id,
            defaultArea: CustomizableUI.AREA_NAVBAR,
            label: btn_label,
            tooltiptext: btn_tooltip,
            onCreated: (this_button) => {
                this_button.style.MozContextProperties = 'fill, stroke, fill-opacity, stroke-opacity';
                this_button.style.listStyleImage = 'url(' + btn_icon + ')';
                this_button.style.minWidth = 'fit-content';
            }
        });
    } catch(e) { };

    // Apply event listener and function
    (function btn_listener() {
        const btn_exists = document.getElementById(btn_id);
        if (btn_exists) {
            btn_exists.addEventListener('click', btn_function);
        // context menu off =>
        btn_exists.addEventListener('contextmenu', e => {
        	if (e.button === 2 && btn_context_off) {
        			e.preventDefault();
        	}
        });
        // <=
        } else {
            setTimeout(btn_listener, 100);
        }
    })();

})();

Alles anzeigen

------

Noch einfachere Variante für einen Mouse Button:

JavaScript

// Firefox button javascript, example for simple left mouse button function

// Name: aboutaddons_button_example.uc.js
// Description: Button to open about:addons in new tab

// To change script ==>
// => Change Button ID (mandatory), must be unique and not be used by any other code
// => Change Button function
// => Adjust remaining user settings values, and file name / description of script, as desired

// After script changes, restart with Clear StartUp Cache => about:support

(function() {
if (location.href !== 'chrome://browser/content/browser.xhtml')
    return;

// == User settings ==>

// Button ID, always use unique value
    const btn_id = 'about_addons_btn';

// Label, tooltip
    const btn_label = 'Addons Button';
    const btn_tooltip = 'about:addons';

// Button function
    function btn_function(e) {
       if (e.button === 0) {
          openTrustedLinkIn('about:addons', 'tab');
       }
     };

// Icon
    // false = use Firefox Icon, true = Custom Icon
    const use_custom_btn_icon = false;

    // Firefox icon, or any absolute file path if use_custom_btn_icon = false
    const fx_btn_icon = 'chrome://browser/skin/tab.svg';
    // Custom icon file
    const custom_btn_icon = 'flower-satt32.png';

    // Custom Icons expected in profile-name/chrome/icons folder ('icons' folder needs to be created)
    // Path to icons folder named 'icons' inside profile folder
    const btn_iconPath = '/chrome/icons/';

// <== User settings end ==

    // Get path to profile folder
    const btn_curProfDir = PathUtils.toFileURI(PathUtils.join(PathUtils.profileDir));

    // Apply icon
    let btn_icon = btn_curProfDir + btn_iconPath + custom_btn_icon;
    if (!use_custom_btn_icon) {
        btn_icon = fx_btn_icon;
    };

    // Button
    try {
        CustomizableUI.createWidget({
            id: btn_id,
            defaultArea: CustomizableUI.AREA_NAVBAR,
            label: btn_label,
            tooltiptext: btn_tooltip,
            onCreated: (this_button) => {
                this_button.style.MozContextProperties = 'fill, stroke, fill-opacity, stroke-opacity';
                this_button.style.listStyleImage = 'url(' + btn_icon + ')';
                this_button.style.minWidth = 'fit-content';
            }
        });
    } catch(e) { };

    // Apply event listener and function
    (function btn_listener() {
        const btn_exists = document.getElementById(btn_id);
        if (btn_exists) {
            btn_exists.addEventListener('click', btn_function);
        } else {
            setTimeout(btn_listener, 100);
        }
    })();

})();

Alles anzeigen

Mira_Belle

Update

Bug gefixt und Header um einen Hinweis ergänzt.

Beitrag