Anwendungsname und Version in der Menüleiste

lenny2

Das Skript erkennt automatisch den Anwendungstyp (Release, Beta, ESR...), die Version und die Bitrate von Firefox

JavaScript

// AppAuto_menubar.uc.js
// automatically detected app name and version for Firefox menu bar
(async id => {
  var ucs = {
    esr: "ESR",
    beta: "Beta",
    release: "Release",
    nightly: "Nightly",
    aurora: "DevEdition",
    default: "Unbraindead", // ?
  };
  var arr = [
    Services.appinfo.name,
    "v" + AppConstants.MOZ_APP_VERSION_DISPLAY,
    `(${Services.appinfo.is64Bit ? 64 : 32}-bit)`
  ];
  var uc = ucs[AppConstants.MOZ_UPDATE_CHANNEL];
  uc && arr.splice(1, 0, uc);
  document.getElementById(id).setAttribute("version", arr.join(" "));
})("main-menubar");

Alles anzeigen

In Verbindung mit css anwenden

CSS

/* AppAuto_menubar.css */
/* automatically detected app name and version for Firefox menu bar */
#main-menubar::after {
  display: inline-flex;
  content: attr(version);
  flex-direction: row;
  align-items: center;
  padding-inline-start: 16px;
  font-weight: bold !important;
  color: rgba(90%, 90%, 90%, .9) !important;
}

#main-menubar {
  font-size: 15px !important;
}

Alles anzeigen

Sören Hentzschel

Ich habe mal den Code eingerückt und das Syntax-Highlighting in deinem Beitrag aktiviert, damit der Code übersichtlicher ist.

PS: Was soll denn „Unbraindead“ heißen?

Horstmann

Zitat von Sören Hentzschel

PS: Was soll denn „Unbraindead“ heißen?

Ich glaube das heisst Nicht Hirntot , oder Hirnlos Tot , oder Vereinte Nationen Hirntot .

So der so, gutes Englisch ist das nicht .

lenny2

Mit Icon

CSS

/* AppAuto_menubar.css */
/* automatically detected app name and version for Firefox menu bar */
#main-menubar::after {
display: inline-flex;
content: attr(version);
flex-direction: row;
align-items: center;
padding-inline-start: 26px;
background-image: url("chrome://branding/content/icon32.png");
background-repeat: no-repeat;
background-size: 16px;
background-position-y: center;
background-position-x: left 7px;
font-weight: bold !important;
color: rgb(0,255,108,.8) !important;
}


#main-menubar {
font-size: 15px !important;
}

Alles anzeigen

Sören Hentzschel

Zitat von Horstmann

Ich glaube das heisst Nicht Hirntot , oder Hirnlos Tot , oder Vereinte Nationen Hirntot .

Mir ging es nicht um eine Wort-für-Wort-Übersetzung, die so ja ganz offensichtlich keinen Sinn ergibt, sondern um die konkrete Bedeutung im Kontext dieses Scripts. Ich kann nur erahnen, dass der Themenersteller eigentlich etwas völlig anderes meinen muss, was mehr Sinn ergibt.

lenny2

Wenn ein Benutzer mehrere verschiedene Versionen von Firefox hat, vergisst er, welchen Browser er gerade benutzt.

Das Script kann so geändert werden, dass es in der Lesezeichenleiste angezeigt wird.

milupo

Nun ja, er wird wohl unbranded meinen. Ohne Brandzeichen. Besser: ohne Namenszusatz.

harff182

Hallo, lenny2

Ich benutze bisher eine anderes Script, das ich mir hier im CFF abgeguckt habe, um Version etc in der Menüzeile anzeigen zu lassen. Ein zusätzliches .css brauch ich dabei nicht.

Dummerweise kann ich nur abgucken und versteh nich viel/nix von JS.

Magst Du mal über mein Script drübergucken, wo/wie die von Deinem Script bereitgestellten Infos eingebaut werden müssten?

Ich würde dann dafür nen neuen Thread aufmachen...

2 Stunden Später: Hat sich erledigt: Lösung übers TB-Forum gefunden

Horstmann

Zitat von Sören Hentzschel

Zitat von Horstmann

Ich glaube das heisst Nicht Hirntot , oder Hirnlos Tot , oder Vereinte Nationen Hirntot .

Mir ging es nicht um eine Wort-für-Wort-Übersetzung, die so ja ganz offensichtlich keinen Sinn ergibt, sondern um die konkrete Bedeutung im Kontext dieses Scripts. Ich kann nur erahnen, dass der Themenersteller eigentlich etwas völlig anderes meinen muss, was mehr Sinn ergibt.

Jessas, das war ein Scherzchen !

Muss man das wirklich dazuschreiben, wenn's so offensichtlich Blödsinn ist ?

lenny2

Zitat von harff182

2 Stunden Später: Hat sich erledigt: Lösung übers TB-Forum gefunden

Danke, ich habe zwei Skripte aus dem Parallelforum geprüft, mit einigen Einschränkungen funktionieren sie in Firefox. Die erste zeigt nicht den Versionstyp ESR, Beta... Die zweite zeigt nicht 32-Bit, 64-Bit.

BarbaraZ-

Zitat

ich habe zwei Skripte aus dem Parallelforum geprüft

Es gibt zu unserem Forum KEIN Parallelforum. Das TB-Forum wird von komplett anderen Usern betrieben, hat als mit unserem gar nicht zu tun.

lenny2

Zitat

Es gibt zu unserem Forum KEIN Parallelforum. Das TB-Forum wird von komplett anderen Usern betrieben, hat als mit unserem gar nicht zu tun.

Danke, das ist ein sehr wichtiger Punkt! Jetzt frage ich mich, wie Ihr Post mir helfen wird, diese beiden Probleme zu lösen

Zitat von lenny2

Die erste zeigt nicht den Versionstyp ESR, Beta... Die zweite zeigt nicht 32-Bit, 64-Bit.

harff182

Zitat von lenny2

Jetzt frage ich mich, wie Ihr Post mir helfen wird, diese beiden Probleme zu löse

Zitat von lenny2

Die erste zeigt nicht den Versionstyp ESR, Beta... Die zweite zeigt nicht 32-Bit, 64-Bit.

Ist aus meiner Sicht nicht notwendig, denn so wie es aussieht, haben drüben sowohl milupo als auch @Bastler das übernommen, was ihnen genehm war.

Selbiges git für meinereiner

milupo

Zitat von harff182

Ist aus meiner Sicht nicht notwendig

Zu meinem Skript kann ich sagen, dass für die Beta und das Nightly die entsprechende Version angezeigt wird, z. B. 105.0b1 bzw. 106.0a1. Daran erkennt man, dass es sich um eine Beta bzw. ein Nightly handelt. Eine ESR-Version habe ich jetzt nicht hier.

lenny2

Zitat von milupo

Zitat von harff182

Ist aus meiner Sicht nicht notwendig

Zu meinem Skript kann ich sagen, dass für die Beta und das Nightly die entsprechende Version angezeigt wird, z. B. 105.0b1 bzw. 106.0a1. Daran erkennt man, dass es sich um eine Beta bzw. ein Nightly handelt. Eine ESR-Version habe ich jetzt nicht hier.

Sie haben Recht, Ihr Sсript zeigt den Release-Typ als 102.2.0esr an. Ihr Skript wird nicht angezeigt (32-bit) (64-bit)

milupo

Zitat von lenny2

Ihr Skript wird nicht angezeigt (32-bit) (64-bit)

Ja, in meinem Skript wird das nicht angezeigt, aber das kann man einbauen. Ob ich das allerdings hinbekomme, steht noch in den Sternen. Im Skript von Bastler ist die Zeile 30 dafür zuständig, die entsprechende Variable wird dann in Zeile 35 eingebunden.

milupo

Ich habe es hinbekommen:

JavaScript

(function() {
    function doDatClock() {
        var timestr = new Date().toLocaleDateString(locale, options);
        const blanks = '  \u2013  ';
        let i = timestr.lastIndexOf(' ');
        timestr = timestr.substring(0, i) + blanks + timestr.substring(i + 1) + ' hodź.';

        if (count == 1) {
            var counter = new Date(2000 * sec).toISOString().substr(11, 8); // .replace(/^[0:]+/, '') // if you want to replace zeroes and colons
            timestr = timestr + ' (' + counter + ')';
            sec++;
        }
        ClockLabel.setAttribute('value', timestr);
    }

    var count = 0; // if you don't want a counter set this to zero
    var agent = 1; // if you just want the clock set this to zero
    var language = 'hsb'; // locale, e.g. 'de-DE' , 'en-US' , 'fr-FR'
    var personalText = ' hsb '; // your personal text here
    var bitnr = ` (${Services.appinfo.is64Bit ? 64 : 32}-bit)`;
    var cssFontFamily = 'DejaVu Sans';
    var cssColor = 'wheat'; // Font Color

    var css = 'padding-top: 8px; padding-left: 0; color: ' + cssColor + '; font-family: ' + cssFontFamily + '; font-weight:600; font-size:14px; text-shadow: none; width: 250px;';
    var cssA = 'width: auto;';

    var options = {
        weekday: 'long',
        year: 'numeric',
        month: 'long',
        day: 'numeric',
        hour: '2-digit',
        minute: '2-digit',
        second: '2-digit'
    };

    var sec = 0;

    var locale = language || window.navigator.languages[0];

    var position = document.getElementById('helpMenu'); // Datumsangabe in Menüleiste
    // var position = document.getElementById('urlbar-container'); // Datumsangabe in Symbolleiste hinter Adressleiste


    var ClockLabel = document.createXULElement('label');
    ClockLabel.setAttribute('id', 'statusbar-clock-display');
    ClockLabel.setAttribute('class', 'statusbarpanel-text');
    ClockLabel.setAttribute('style', css);
    position.parentNode.insertBefore(ClockLabel, position.nextSibling);

    if (agent == 1) {
        var AgentLabel = document.createXULElement('label');
        AgentLabel.setAttribute('id', 'statusbar-agent-display');
        AgentLabel.setAttribute('class', 'statusbarpanel-text');
        AgentLabel.setAttribute('style', css + cssA);
        var FFstr = window.navigator.userAgent.split(' ');
        var FF = FFstr[FFstr.length - 1].replace('/', ' ');
        //     var text = "Firefox " + gAppInfo.version + personalText;
        //     Cc["@mozilla.org/xre/app-info;1"].getService(Ci.nsIXULAppInfo).QueryInterface(Ci.nsIXULRuntime);

        var text = "Wersija " + AppConstants.MOZ_APP_VERSION_DISPLAY + bitnr + personalText;


        AgentLabel.setAttribute('value', text);
        position.parentNode.insertBefore(AgentLabel, position.nextSibling);
    }

    if (count == 1) {
        ClockLabel.addEventListener('dblclick', function() { sec = 0; });
    }

    window.setInterval(doDatClock, 5000);
})();

Alles anzeigen

Die Zeile 30 aus dem anderen Skript habe ich oben zwischen den Zeilen 18 und 19 eingefügt, ist jetzt Zeile 20 oben im Kasten. Und die Variable bitnr wird dann in Zeile 61 oben im Kasten mit aufgerufen.

Sieht dann so aus:

Dharkness

Zitat von milupo

Ich habe es hinbekommen:

So ↓ ist es dann in Deutsch.

JavaScript

(function() {
    function doDatClock() {
        var timestr = new Date().toLocaleDateString(locale, options);
        const blanks = '  \u2013  ';
        let i = timestr.lastIndexOf(' ');
        timestr = timestr.substring(0, i) + blanks + timestr.substring(i + 1);

        if (count == 1) {
            var counter = new Date(2000 * sec).toISOString().substr(11, 8); // .replace(/^[0:]+/, '') // if you want to replace zeroes and colons
            timestr = timestr + ' (' + counter + ')';
            sec++;
        }
        ClockLabel.setAttribute('value', timestr);
    }

    var count = 0; // if you don't want a counter set this to zero
    var agent = 1; // if you just want the clock set this to zero
    var language = 'de-DE'; // locale, e.g. 'de-DE' , 'en-US' , 'fr-FR'
    var personalText = ' '; // your personal text here
    var bitnr = ` (${Services.appinfo.is64Bit ? 64 : 32}-bit)`;
    var cssFontFamily = 'DejaVu Sans';
    var cssColor = 'wheat'; // Font Color

    var css = 'border-left: 1px solid #B2B2B2; padding-top: 1px; padding-left: 2px; color: ' + cssColor + '; font-weight: 500; text-shadow: none; width: 200px; margin-right: 1px; margin-left: 0px;';
    var cssA = 'margin-left: 0px; width: auto;';

    var options = {
        weekday: 'long',
        year: 'numeric',
        month: 'short',
        day: 'numeric',
        hour: '2-digit',
        minute: '2-digit',
        second: '2-digit'
    };

    var sec = 0;

    var locale = language || window.navigator.languages[0];

    var position = document.getElementById('helpMenu'); // Datumsangabe in Menüleiste
    // var position = document.getElementById('urlbar-container'); // Datumsangabe in Symbolleiste hinter Adressleiste


    var ClockLabel = document.createXULElement('label');
    ClockLabel.setAttribute('id', 'statusbar-clock-display');
    ClockLabel.setAttribute('class', 'statusbarpanel-text');
    ClockLabel.setAttribute('style', css);
    position.parentNode.insertBefore(ClockLabel, position.nextSibling);

    if (agent == 1) {
        var AgentLabel = document.createXULElement('label');
        AgentLabel.setAttribute('id', 'statusbar-agent-display');
        AgentLabel.setAttribute('class', 'statusbarpanel-text');
        AgentLabel.setAttribute('style', css + cssA);
        var FFstr = window.navigator.userAgent.split(' ');
        var FF = FFstr[FFstr.length - 1].replace('/', ' ');
        //     var text = "Firefox " + gAppInfo.version + personalText;
        //     Cc["@mozilla.org/xre/app-info;1"].getService(Ci.nsIXULAppInfo).QueryInterface(Ci.nsIXULRuntime);

        var text = "Firefox " + AppConstants.MOZ_APP_VERSION_DISPLAY + bitnr + personalText;


        AgentLabel.setAttribute('value', text);
        position.parentNode.insertBefore(AgentLabel, position.nextSibling);
    }

    if (count == 1) {
        ClockLabel.addEventListener('dblclick', function() { sec = 0; });
    }

    window.setInterval(doDatClock, 5000);
})();

Alles anzeigen

milupo

Zitat von Dharkness

So ↓ ist es dann in Deutsch.

Du sprichst Sorbisch?

Ja, ich hatte auch vergessen darauf hinzuweisen, dass in Zeile 18 bei der Variable language hsb durch de-DE zu ersetzen ist. Sorry.

Dharkness

Zitat von milupo

Du sprichst Sorbisch?

Nicht wirklich, aber das zu übersetzen war ja nun nicht wirklich schwierig.

P.S.:

Magst Du mir noch verklickern, wie ich entweder das Komma nach Datum entferne, oder eben das Minuszeichen?

Siehe dort ↓.

Zitat von Dharkness

wie ich entweder das Komma nach Datum entferne, oder eben das Minuszeichen?

Erledigt, das timestr = timestr.substring(0, i) + blanks + timestr.substring(i + 1); zu dem timestr = timestr.substring(0, i) + ' ' + timestr.substring(i + 1); ändern.

Anwendungsname und Version in der Menüleiste

Ähnliche Themen

Weisser Streifen oberhalb der Menüleiste

Text und Icons in der Mitte von Tabs

Chronik in der Menüleiste ausblenden

Bibliothek-Fenster & Darstellung Menüs in der Menüleiste

Menüleiste - mit Bildchen?

TEXT+SYMBOLE: Ist es möglich die Einträge (Schrift) in der Menüleiste durch Symbole zu ergänzen?