Weitere UserChromeskript-Ressource „firefoxChromeScripts“

Speravir

Ich möchte auf eine weitere Ressource hinweisen: firefoxChromeScripts. Speziell das LinkifiesLocationBar-Skript ermöglicht eine Funktion wieder, die ich wirklich vermisst habe: die Einfärbung von Domain, Subdomain und Pfadkomponenten. Zusätzlich sehr nett ist auch das Tabtitle-Url-Skript (tab_title_url), das die URL in die Tabtooltipps einfügt und standardmäßig ebenfalls einfärbt, und zwar in denselben Farben. Man kann sich alles in den Skripten oder in seiner userChrome.css selbst anpassen, auch die Schriftart (die Voreinstellung gefällt mir beispielsweise nicht).

Im Locationbar-Skript mag ich übrigens auch die vorgegebene Teilung durch ein kleines Dreieck/einen kleinen Pfeil nicht. Ich hab mir das selbst geändert. Dazu musste ich folgende Änderung in meine Userchrome-Stildatei eintragen:

Code

.claseLocationBar span.pathname {
    margin: 0;
    padding-left: 7px;
}
.claseLocationBar .pathname:after {
    content:"/";
    border: 0 none;
    top: 0;
}

Vor allem das Padding mag von der genutzten Schriftart abhängig sein, die ich, wie oben angedeutet, ebenso geändert habe. Die Farbe für den Schrägstrich habe ich auch auf schwarz gesetzt, das aber hier nicht dargestellt.
(Edit: Ursprünglich hatten die obigen Regeln noch ein !important, aber das ist nicht notwendig.)

Ein Nachtrag: Wenn man im Locationbar-Skript die Verlinkungsfunktion nutzt, gibt es derzeit einen Bug, wenn man auf die Subdomain klickt,, vgl. entsprechende Meldung.

PS: Danke 2002Andreas für das Abtrenne als eigenes Thema.

Zitronella

sehr cool vielen Dank für den Hinweis

Ich habe bei mir noch die Subdomain Hervorhebung weg gemacht also diesen Codeschnipsel

CSS

        .claseLocationBar .subdomain {
           font-weight: bold;
           color: #C68007;
        }

gelöscht, da ich eigentlich nur die farbliche fette Hervorhebung der Domain möchte. Die Pfeile, die du weg gemacht hast, habe ich bei mir auch weg gemacht und außerdem die rote Farbe noch etwas geändert.

Bin glücklich damit

Zitronella

jetzt muss ich doch noch einmal hier fragen.

Eigentlich möchte ich NUR dass die Domain fett farbig hervor gehoben wird, alle anderen Funktionen wie das unterstreichen eines Abschittes oder anklicken eines Abschnittes usw. möchte ich gar nicht haben.

Kann man das Script auf diesen Minimal Teil reduzieren? Wie wäre dann der Code?

Boersenfeger

Wie kann ich den Inhalt der Adresszeile etwas in die Mitte, also nach unten, bringen?

Ich verwende das besprochene Script, sowie einen CSS-Code. Eigene Versuche scheitern..

JavaScript

// ==UserScript==
// @name                 dav_LinkifiesLocationBar
// @version              1.0
// @description          dav_LinkifiesLocationBar
// @shutdown        dav_LinkifiesLocationBar.globalShutdown();
// ==/UserScript==

/*
Idea based on
https://addons.mozilla.org/en-US/firefox/addon/locationbar%C2%B2/
https://github.com/simonlindholm/locationbar2
*/
setTimeout(function() {
    if (location.href != 'chrome://browser/content/browser.xhtml') return;

    const colorizeExtensionFile = false,
        selectUrlbarText = true;

    function getWindow(){
        return window;
    }
    function getMostRecentWindow(){
        var win = Components.classes["@mozilla.org/appshell/window-mediator;1"]
            .getService(Components.interfaces.nsIWindowMediator)
            .getMostRecentWindow("navigator:browser");
        return win;
    }
    var localWindow = getWindow();
    localWindow.dav_LinkifiesLocationBar = {};

    var style = `
    
        .claseLocationBar{
           display: block;
           position: absolute;
           height: 22px;
           width: 100%;
           line-height: 24px;
           white-space:nowrap;
           overflow:hidden;
        }
        .claseLocationBar span{
            position: relative;
           margin: 0 1px;
           display: inline-block;
        }
        .claseLocationBar span:hover{
            text-decoration: underline;
            cursor: pointer;
        }
        
        .claseLocationBar span.pathname {
        margin: 0;
        padding-left: 7px;
        }

        .claseLocationBar .pathname:after {
        content:"/";
        border: 0 none;
        top: 0;
        }
        .claseLocationBar .label_pathname{
           display: none;
        }
        /*************************************
        *************** COLORS ***************
        *************************************/
        .claseLocationBar span.protocol{
           font-weight: normal;
           color: #777777;
           margin-right: -1px;
        }
        
        .claseLocationBar span.hostname{
           font-weight: bold;
           color: red;
        }
        .claseLocationBar span.port{
           color: #5F58A3;
        }
        .claseLocationBar span.pathname{
           color: black;
        }
        .claseLocationBar span.hash{
           color: #1054C9;
           margin-left: -1px;
        }
        .claseLocationBar span.search{
           color: #03AA03;
           margin-left: -1px;
        }
        .claseLocationBar .extension{
            color: rgb(96,86,143);
        }

        /*************************************
        ***************  font-family: monospace; ***************
        *************************************/
        /*
        .urlbar-input-box[dav_LinkifiesLocationBar]{
          font-family: monospace;
            line-height: 24px;
        }
        .claseLocationBar{
         line-height: 28px;
        }
        .claseLocationBar .pathname:after{
          top: 10px;
        }
        .claseLocationBar span.port{
            margin-left: -1px;
        }
        .claseLocationBar .subdomain {
          margin-right: -1px;
        }
        .claseLocationBar span.hostname{
          margin-right: 1px;
        }
        */
        /*.claseLocationBar label {
            margin-block: unset !important;
            margin-inline: unset !important;
        }*/
        locationBarTag{
          display: inline;
        }
    `;

    var stylexul = `
        .urlbar-input-box[dav_LinkifiesLocationBar] #urlbar-input:focus ~ .claseLocationBar{
           display: none !important;
        }
        .urlbar-input-box[dav_LinkifiesLocationBar]  #urlbar-input:focus{
           opacity: 1;
        }
        .urlbar-input-box[dav_LinkifiesLocationBar]  #urlbar-input{
           opacity: 0;
        }
    `;

/*
AGENT_SHEET: 0
USER_SHEET: 1
AUTHOR_SHEET: 2
*/
    var CSS_Loader = {
        sss: Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService),
        load: function(cssCode) {
            this.unload(cssCode);
            var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(cssCode), null, null);
            this.sss.loadAndRegisterSheet(uri, this.sss.AGENT_SHEET);
        },
        unload: function(cssCode) {
            var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(cssCode), null, null);
            if (this.sss.sheetRegistered(uri,this.sss.AGENT_SHEET))
            {
                this.sss.unregisterSheet(uri,this.sss.AGENT_SHEET);
            }
        }
    }

    const CLIKS = {
        left: 0,
        middle: 1,
        right: 2
    }

    function extend() {
        var copy, target = {};
        for (var i = 0, l = arguments.length; i < l; i++) {
            var options = arguments[i];
            for (var name in options) {
                copy = options[name];
                if (copy !== undefined) {
                    target[name] = copy;
                }
            }
        }
        return target;
    }

    var styleString = (style) => {
        return Object.keys(style).reduce((prev, curr) => {
            return `${prev += curr.split(/(?=[A-Z])/).join('-').toLowerCase()}:${style[curr]};`
        }, '');
    };

    function createElement(elto) {
        elto = extend({
            attrArray: {},
            evtListener: [],
            estilos: {}
        }, elto);

        var node = getWindow().document.createXULElement(elto.type);

        Object.keys(elto.attrArray).forEach(key => {
            if(key == "innerHTML"){
                node.innerHTML = encodeHTML(elto.attrArray[key]);
            }
            else {
                node.setAttribute(key, elto.attrArray[key]);
            }
        });

        elto.evtListener.forEach(evt => {
            node.addEventListener(evt.type, evt.funcion, false);
        });

        let estilo = styleString(elto.estilos);
        if (estilo) {
            node.setAttribute("style", estilo);
        }

        return node;
    }

    function encodeHTML(text) {
        return decodeURI(text).replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&apos;');
    }

    function appendPart(text, clase) {
        if (!text) return;

        if(clase == "pathname")
        {
            let sp = createElement({
                type: "label",
                attrArray: {
                    class: "label_pathname",
                    innerHTML:"/"
                }
            });
            divLocationBar.appendChild(sp);
        }
        let sp = createElement({
            type: "span",
            attrArray: {
                class: clase,
                innerHTML:text
            },
            evtListener: [{
                type: "click",
                funcion: clickPart
            }]
        });
        divLocationBar.appendChild(sp);
        sp.setAttribute("href", divLocationBar.textContent);
        return sp;
    }

    function clickPart(evt) {
        if (evt.button == CLIKS.right) return;

        let target = evt.target;
        if (target.className != "protocol") {
            let href = target.getAttribute("href");
            var where = evt.button == CLIKS.middle || evt.ctrlKey ? "tab" : "current";
            evt.view.openLinkIn(href, where, {
                allowThirdPartyFixup: true,
                targetBrowser: gBrowser.selectedBrowser,
                indicateErrorPageLoad: true,
                allowPinnedTabHostChange: true,
                disallowInheritPrincipal: true,
                allowPopups: false,
                triggeringPrincipal: Services.scriptSecurityManager.getSystemPrincipal()
            });

            evt.stopPropagation();
        }
    }

    function borraPrevio() {
        var divPrevio = localWindow.document.querySelector(".claseLocationBar");
        if (divPrevio) {
            divPrevio.parentNode.removeChild(divPrevio)
        }
    }

    var debounce = (fn, ms = 0) => {
      let timeoutId;
      return function(...args) {
        clearTimeout(timeoutId);
        timeoutId = setTimeout(() => fn.apply(this, args), ms);
      };
    };

    var pintaLocation = debounce(pintaLocation_, 50);

    function pintaLocation_() {
        divLocationBar.innerHTML = '';

        var urlBarInput = getWindow().document.querySelector("#urlbar-input").value;
        var urlGBrowser = gBrowser.currentURI.displaySpec;

        if(urlGBrowser.startsWith("about")){
            divLocationBar.innerHTML = encodeHTML(urlBarInput);
            return;
        }

        var url = urlGBrowser.indexOf(urlBarInput) != -1 ? urlGBrowser : urlBarInput;

        try {
            var { protocol, hostname, port, pathname, hash, search } = new URL(url);
        } catch (e) {
            divLocationBar.innerHTML = encodeHTML(urlBarInput);
            return;
        }

        var partido = hostname.split(".");
        var subdomain;
        if(partido.length > 2 && !partido.every( v => v == v-0 ))
        {
            subdomain = partido.splice(0, partido.length-2).join(".");
            hostname= partido.join(".");
        }

        appendPart(protocol + "//", "protocol");
        if (subdomain) {
            appendPart(subdomain+".", "subdomain");
        }
        appendPart(hostname, "hostname");
        if (port) {
            appendPart(":" + port, "port");
        }
        var arrayPathname = pathname.split("/");
        var arrayPathnameLength = arrayPathname.length;
        arrayPathname.forEach((elto, index) => {
            if (elto) {
                let sp = appendPart(elto, "pathname");
                if(colorizeExtensionFile && index == arrayPathnameLength-1)
                {
                    let arrayDot = elto.split(".");
                    if(arrayDot.length > 1)
                    {
                        let extension = arrayDot.pop();
                        sp.innerHTML = "";
                        sp.appendChild(createElement({
                            type: "locationBarTag",
                            attrArray: {
                                href:sp.getAttribute("href"),
                                innerHTML: arrayDot.join(".")
                            }
                        }));
                        sp.appendChild(createElement({
                            type: "locationBarTag",
                            attrArray: {
                                class: "extension",
                                href:sp.getAttribute("href"),
                                innerHTML: "."+extension
                            }
                        }));
                    }
                }
            }
        });
        appendPart(search, "search");
        appendPart(hash, "hash");
    }

    /******************* INIT ***************************/
    var urlbarInput = getWindow().document.querySelector("#urlbar-input");
    var timeMouseMove = -1;
    function hideDivLocatonBar(){
        urlbarInput.focus();
    }
    var divLocationBar = createElement({
        type: "div",
        attrArray: {
            class: "claseLocationBar"
        },
        evtListener: [{
            type: "click",
            funcion: function(evt) {
                hideDivLocatonBar()
                if(selectUrlbarText){
                    urlbarInput.select();
                }
            }
        },{
            type: "mouseenter",
            funcion: function(evt) {
                
                if(evt.screenY == divLocationBar.screenY)
                {
                    timeMouseMove = setTimeout(hideDivLocatonBar, 500);
                }
            }
        },{
            type: "mouseleave",
            funcion: function(evt) {
                clearTimeout(timeMouseMove);
            }
        }]
    });

    borraPrevio();
    urlbarInput.parentNode.appendChild(divLocationBar);
    urlbarInput.parentNode.setAttribute("dav_LinkifiesLocationBar", true);
    urlbarInput.addEventListener("blur", pintaLocation);
    pintaLocation();

    var last_displaySpec = "";
    var intevalID = setInterval(function(){
        //console.log("setInterval", intevalID,  localWindow == window, localWindow == getMostRecentWindow());
        let actual_displaySpec = gBrowser.currentURI.displaySpec;
        if(last_displaySpec != actual_displaySpec){
            last_displaySpec = actual_displaySpec;
            pintaLocation();
        }
    }, 50);
    CSS_Loader.load(style);
    CSS_Loader.load(stylexul);
    /******************* END INIT ***************************/
    dav_LinkifiesLocationBar.shutdown = function(win){
        borraPrevio();
        clearTimeout(intevalID);
        urlbarInput.parentNode.removeAttribute("dav_LinkifiesLocationBar");
        CSS_Loader.unload(style);
        CSS_Loader.unload(stylexul);
        urlbarInput.removeEventListener("blur", pintaLocation);
    }

    dav_LinkifiesLocationBar.globalShutdown = function(){
        var wm = Components.classes["@mozilla.org/appshell/window-mediator;1"]
                    .getService(Components.interfaces.nsIWindowMediator);
        var ws = wm.getEnumerator(null);
        while(ws.hasMoreElements()) {
            var w = ws.getNext();
            w.dav_LinkifiesLocationBar.shutdown(w);
        }
    }
}, 10);

Alles anzeigen

CSS

/* Adresszeile einfaerben */

#urlbar {
    position: relative;
    z-index: 6;
}

#identity-box::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 3;
    background: var(--toolbar-bgcolor); /* white */
    opacity: 0.2;
    transition: background 500ms linear; /* Fade in/out effekt */
}

/* There is also grantedPermissions, but irrelevant. */

/* about:about */
#urlbar[pageproxystate='valid'] #identity-box.unknownIdentity::after {
    background: #ff0039; /* Firefox Red 50 */
}

/* about:config */
#urlbar[pageproxystate='valid'] #identity-box.chromeUI::after {
    background: #0a84ff; /* Firefox Blue 50 */
}

/* addon pages like uBlock Origin Dashboard */
#urlbar[pageproxystate='valid'] #identity-box.extensionPage::after {
    background: #45a1ff; /* Firefox Blue 40 */
}

/* https://www.github.com/ */
#urlbar[pageproxystate='valid'] #identity-box.verifiedIdentity::after{
    background: #058b00; /* Firefox Green 70 */
}

/* https://www.google.com/ */
#urlbar[pageproxystate='valid'] #identity-box.verifiedDomain::after{
    background: #12bc00; /* Firefox Green 60 */
}

/* https://mixed-script.badssl.com/ */
#urlbar[pageproxystate='valid'] #identity-box.mixedActiveBlocked::after {
/*    background: #30e60b; /* Firefox Green 50 */
    background: #d7b600; /* Firefox Yellow 60 */
}

/* https://mixed.badssl.com/ */
#urlbar[pageproxystate='valid'] #identity-box.mixedDisplayContent::after {
    background: #d7b600; /* Firefox Yellow 60 */
}

/* https://very.badssl.com/ */
#urlbar[pageproxystate='valid'] #identity-box.mixedDisplayContentLoadedActiveBlocked::after {
    background: #d7b600; /* Firefox Yellow 60 */
}

/* https://self-signed.badssl.com/ but add certificate exception */
#urlbar[pageproxystate='valid'] #identity-box.certUserOverridden::after {
    background: #ffe900; /* Firefox Yellow 50 */
}

/* Don't know an example for this */
#urlbar[pageproxystate='valid'] #identity-box.weakCipher::after {
    background: #a47f00; /* Firefox Yellow 70 */
}

/* https://mixed-script.badssl.com/ but disable protection */
#urlbar[pageproxystate='valid'] #identity-box.mixedActiveContent::after {
    background: #d70022; /* Firefox Red 60 */
}

/* http://http-login.badssl.com/ */
#urlbar[pageproxystate='valid'] #identity-box.insecureLoginForms::after {
    background: #a4000f; /* Firefox Red 70 */
}

/* http://http.badssl.com/ */
/* http://www.httpvshttps.com/ */
#urlbar[pageproxystate='valid'] #identity-box.notSecure::after {
    background: #a4000f; /* Firefox Red 70 */
}

/* Regeln ergänzt */
/* in Fx72 eingeführt, vgl. https://github.com/Aris-t2/CustomCSSforFx/issues/244 */

#urlbar[pageproxystate='valid'] #identity-box.certErrorPage::after {
    background: #d70022; /* Firefox Red 60 */
}

#urlbar[pageproxystate='valid'][focused="true"] #identity-box::after {
    background: var(--toolbar-bgcolor);
}

#urlbar-background{
    background-color: #d9ecfd ! important;
    border-radius: 80px !important;
}

#urlbar[breakout][breakout-extend] {
    top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
    left: 0 !important;
    width: 100% !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
    height: var(--urlbar-height) !important;
    padding-block: 0 !important;
    padding-inline: 0 !important;
}

#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
  animation-name: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
    box-shadow: none !important;
}

/* Adresszeile kompakt und fett */


#urlbar {
font-size:18px !important;
font-weight:bold !important;
height: 24px;
padding: 0px 20px 0 20px !important;
}

#searchbar {
font-size:18px !important;
font-weight:bold !important;
height: 32px; 
padding: 0px 20px 0 20px !important;
}

.urlbar-origin-label,
.urlbar-over-origin-box,
.urlbar-over-link-host-label,
.urlbar-over-link-path-label {
margin-top: -1px !important;
margin-bottom: -1px !important;
}

#identity-box{
border:none!important;
background:none!important;
}

#identity-box #identity-icon-label,
#identity-box #identity-icon-labels {    
font-size: 18px !important;
}

#omnibar-defaultEngineName {
margin-top: -1px !important;
font-size:18px !important;
font-weight:bold !important;}
#omnibar-defaultEngine {margin-top: 10px !important;
}

#urlbar #feed-button {
list-style-image: none !important;
}

#urlbar,.searchbar-textbox,
#searchbar {
background: #e2f7e2 !important;
opacity: 0.7!important;    
border-radius: 16px !important; 
padding: 0px 20px 10px 10px !important;
}   

/* Adressleiste Breite */

#urlbar{
min-height:1.8em!important;
max-height:1.8em!important;
border-radius: 79px !important;
padding: 3px 10px 0 10px !important;
}

/* Adresszeile - Suche ausblenden */

#PopupAutoCompleteRichResult > richlistbox > richlistitem:first-child{
display:none!important
}
#urlbar input.textbox-input::placeholder {
color: transparent !important;} 


/* Adresszeile bereinigen */

#identity-icon,           /*Links im Adressfeld: Seiteninformationen (kleines "i" in einem Kreis) und Lupensymbol*/
#pageActionButton,        /*Rechts im Adressfeld: Aktionen für diese Seite (Drei Punkte)*/
#pageActionSeparator,     /*Rechts im Adressfeld: Graue Linie neben "Aktionen für diese Seite (Drei Punkte)"*/
.urlbar-go-button,        /*Rechts im Adressfeld: URL laden (Pfeil nach rechts)*/
.urlbar-history-dropmarker /*Rechts im Adressfeld: Chronik (kleines Dreieck)*/
{ display: none !important; }

/* Adresszeilenhöhe einstellen */

#urlbar[breakout][breakout-extend] {
  top: calc((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
  left: 0 !important;
  width: 100% !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-input-container {
  height: var(--urlbar-height) !important;
  padding-block: 0 !important;
  padding-inline: 0 !important;
}

#urlbar[breakout][breakout-extend][breakout-extend-animate] > #urlbar-background {
  animation-name: none !important;
}

#urlbar[breakout][breakout-extend] > #urlbar-background {
  box-shadow: none !important;
}

Alles anzeigen

2002Andreas

Zitat von Boersenfeger

etwas in die Mitte, also nach unten, bringen?

Teste bitte, den Wert musst du dir evtl. noch anpassen.

Code

.claseLocationBar {
  margin-top: 6px;
}

Boersenfeger

Ich habe 5 px genommen und nun ist es perfekt! Vielen Dank

2002Andreas

Zitat von Zitronella

Kann man das Script auf diesen Minimal Teil reduzieren?

Das wird dir sehr wahrscheinlich nur unser Fachmann aborix sagen können wenn er es liest.

Zitronella

ja, ich schätze auch. Ich war gerade als du das geschrieben hast einen Report auf Github zu schreiben. Vielleicht bekomme ich dort Antwort.

Zitronella

hm. scheint wohl nicht zu gehen. Dann hoffe ich mal auf aborix ob er noch was reissen kann ansonsten verzichte ich halt leider ganz darauf.

Vom Aussehen gefällt es mir ja mit meiner obigen Anpassung gut, aber da ich öfters mal Sachen in der URL ändere, stört mich doch, dass ich da nicht sofort an eine bestimmte Stelle rein klicken kann sondern dass die Maus erst einmal den Abschnitt als Link anbietet.

milupo

Ich kann dir höchstens anbieten, dass du die Zeile text-decoration: underline; entfernst, sodass die Unterstreichung wegfällt.

Zitronella

ja, das hatte ich schon. Nutzt mir aber wenig. Ich möchte die gesamten Funktionen entfernen.

Boersenfeger

Zitat von Zitronella

...sondern dass die Maus erst einmal den Abschnitt als Link anbietet.

Wenn ich den Mauszeiger in Nightly am oberen Ende der Adresszeile positioniere und dann "hineinklicke", wird die Adresszeile markiert und man kann die URL bearbeiten.

mittig wird der Link gebildet

oben wird die URL markiert

Ich habe aber noch einen CSS-Code arbeiten...

siehe RE: userChrome.js Scripte für den Fuchs (Diskussion)

2002Andreas

Zitat von Zitronella

die gesamten Funktionen entfernen.

Ich bin mir nicht ganz sicher.

Ich habe diesen Teil vom Script mal auskommentiert:

Zeile 252 - 256

Zumindest funktioniert damit der Klick auf einen Eintrag in der Adressleiste nicht mehr.

Wenn du magst, dann teste es doch mal.

Das wäre das angepasste Script:

JavaScript

// ==UserScript==
// @name                 dav_LinkifiesLocationBar
// @version              1.0
// @description          dav_LinkifiesLocationBar
// @shutdown        dav_LinkifiesLocationBar.globalShutdown();
// ==/UserScript==

/*
Idea based on
https://addons.mozilla.org/en-US/firefox/addon/locationbar%C2%B2/
https://github.com/simonlindholm/locationbar2
*/
setTimeout(function() {
    if (location.href != 'chrome://browser/content/browser.xhtml') return;

    const colorizeExtensionFile = false,
        selectUrlbarText = true;

    function getWindow(){
        return window;
    }
    function getMostRecentWindow(){
        var win = Components.classes["@mozilla.org/appshell/window-mediator;1"]
            .getService(Components.interfaces.nsIWindowMediator)
            .getMostRecentWindow("navigator:browser");
        return win;
    }
    var localWindow = getWindow();
    localWindow.dav_LinkifiesLocationBar = {};

    var style = `
        @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

        .claseLocationBar{
           display: block;
           position: absolute;
           height: 24px;
           width: 100%;
           line-height: 24px;
           white-space:nowrap;
           overflow:hidden;
        }
        .claseLocationBar span{
            position: relative;
           margin: 0 1px;
           display: inline-block;
        }
        .claseLocationBar span:hover{
            text-decoration: underline;
            cursor: pointer;
        }
        .claseLocationBar span.pathname{
           padding-left:9px;
           margin: 0 2px;
        }
        .claseLocationBar .pathname:after{
          content:' ';
          display: block;
          position: absolute;
          border-style: solid;
          border-width: 4px 4px 4px 7px;
          border-color: transparent transparent transparent #6fa880;
          top: 10px;
          left: 0px;
        }
        .claseLocationBar .label_pathname{
           display: none;
        }
        /*************************************
        *************** COLORS ***************
        *************************************/
        .claseLocationBar span.protocol{
           font-weight: normal;
           color: white;
           margin-right: -1px;
        }
        .claseLocationBar .subdomain {
           font-weight: bold;
           color: #C68007;
        }
        .claseLocationBar span.hostname{
           font-weight: bold;
           color: red;
        }
        .claseLocationBar span.port{
           color: cyan;
        }
        .claseLocationBar span.pathname{
           color: yellow;
        }
        .claseLocationBar span.hash{
           color: cyan;
           margin-left: -1px;
        }
        .claseLocationBar span.search{
           color: #03AA03;
           margin-left: -1px;
        }
        .claseLocationBar .extension{
            color: cyan;
        }

        /*************************************
        ***************  font-family: monospace; ***************
        *************************************/
        /*
        .urlbar-input-box[dav_LinkifiesLocationBar]{
          font-family: monospace;
            line-height: 24px;
        }
        .claseLocationBar{
         line-height: 28px;
        }
        .claseLocationBar .pathname:after{
          top: 10px;
        }
        .claseLocationBar span.port{
            margin-left: -1px;
        }
        .claseLocationBar .subdomain {
          margin-right: -1px;
        }
        .claseLocationBar span.hostname{
          margin-right: 1px;
        }
        */
        /*.claseLocationBar label {
            margin-block: unset !important;
            margin-inline: unset !important;
        }*/
        locationBarTag{
          display: inline;
        }
    `;

    var stylexul = `
        .urlbar-input-box[dav_LinkifiesLocationBar] #urlbar-input:focus ~ .claseLocationBar{
           display: none !important;
        }
        .urlbar-input-box[dav_LinkifiesLocationBar]  #urlbar-input:focus{
           opacity: 1;
        }
        .urlbar-input-box[dav_LinkifiesLocationBar]  #urlbar-input{
           opacity: 0;
        }
    `;

/*
AGENT_SHEET: 0
USER_SHEET: 1
AUTHOR_SHEET: 2
*/
    var CSS_Loader = {
        sss: Components.classes["@mozilla.org/content/style-sheet-service;1"].getService(Components.interfaces.nsIStyleSheetService),
        load: function(cssCode) {
            this.unload(cssCode);
            var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(cssCode), null, null);
            this.sss.loadAndRegisterSheet(uri, this.sss.AGENT_SHEET);
        },
        unload: function(cssCode) {
            var uri = Services.io.newURI("data:text/css;charset=utf-8," + encodeURIComponent(cssCode), null, null);
            if (this.sss.sheetRegistered(uri,this.sss.AGENT_SHEET))
            {
                this.sss.unregisterSheet(uri,this.sss.AGENT_SHEET);
            }
        }
    }

    const CLIKS = {
        left: 0,
        middle: 1,
        right: 2
    }

    function extend() {
        var copy, target = {};
        for (var i = 0, l = arguments.length; i < l; i++) {
            var options = arguments[i];
            for (var name in options) {
                copy = options[name];
                if (copy !== undefined) {
                    target[name] = copy;
                }
            }
        }
        return target;
    }

    var styleString = (style) => {
        return Object.keys(style).reduce((prev, curr) => {
            return `${prev += curr.split(/(?=[A-Z])/).join('-').toLowerCase()}:${style[curr]};`
        }, '');
    };

    function createElement(elto) {
        elto = extend({
            attrArray: {},
            evtListener: [],
            estilos: {}
        }, elto);

        var node = getWindow().document.createXULElement(elto.type);

        Object.keys(elto.attrArray).forEach(key => {
            if(key == "innerHTML"){
                node.innerHTML = encodeHTML(elto.attrArray[key]);
            }
            else {
                node.setAttribute(key, elto.attrArray[key]);
            }
        });

        elto.evtListener.forEach(evt => {
            node.addEventListener(evt.type, evt.funcion, false);
        });

        let estilo = styleString(elto.estilos);
        if (estilo) {
            node.setAttribute("style", estilo);
        }

        return node;
    }

    function encodeHTML(text) {
        return decodeURI(text).replace(/&/g, '&amp;')
            .replace(/</g, '&lt;')
            .replace(/>/g, '&gt;')
            .replace(/"/g, '&quot;')
            .replace(/'/g, '&apos;');
    }

    function appendPart(text, clase) {
        if (!text) return;

        if(clase == "pathname")
        {
            let sp = createElement({
                type: "label",
                attrArray: {
                    class: "label_pathname",
                    innerHTML:"/"
                }
            });
            divLocationBar.appendChild(sp);
        }
        let sp = createElement({
            type: "span",
            attrArray: {
                class: clase,
                innerHTML:text
            }/* ,
            evtListener: [{
                type: "click",
                funcion: clickPart
            }] */
        });
        divLocationBar.appendChild(sp);
        sp.setAttribute("href", divLocationBar.textContent);
        return sp;
    }

    function clickPart(evt) {
        if (evt.button == CLIKS.right) return;

        let target = evt.target;
        if (target.className != "protocol") {
            let href = target.getAttribute("href");
            var where = evt.button == CLIKS.middle || evt.ctrlKey ? "tab" : "current";
            evt.view.openLinkIn(href, where, {
                allowThirdPartyFixup: true,
                targetBrowser: gBrowser.selectedBrowser,
                indicateErrorPageLoad: true,
                allowPinnedTabHostChange: true,
                disallowInheritPrincipal: true,
                allowPopups: false,
                triggeringPrincipal: Services.scriptSecurityManager.getSystemPrincipal()
            });

            evt.stopPropagation();
        }
    }

    function borraPrevio() {
        var divPrevio = localWindow.document.querySelector(".claseLocationBar");
        if (divPrevio) {
            divPrevio.parentNode.removeChild(divPrevio)
        }
    }

    var debounce = (fn, ms = 0) => {
      let timeoutId;
      return function(...args) {
        clearTimeout(timeoutId);
        timeoutId = setTimeout(() => fn.apply(this, args), ms);
      };
    };

    var pintaLocation = debounce(pintaLocation_, 50);

    function pintaLocation_() {
        divLocationBar.innerHTML = '';

        var urlBarInput = getWindow().document.querySelector("#urlbar-input").value;
        var urlGBrowser = gBrowser.currentURI.displaySpec;

        if(urlGBrowser.startsWith("about")){
            divLocationBar.innerHTML = encodeHTML(urlBarInput);
            return;
        }

        var url = urlGBrowser.indexOf(urlBarInput) != -1 ? urlGBrowser : urlBarInput;

        try {
            var { protocol, hostname, port, pathname, hash, search } = new URL(url);
        } catch (e) {
            divLocationBar.innerHTML = encodeHTML(urlBarInput);
            return;
        }

        var partido = hostname.split(".");
        var subdomain;
        if(partido.length > 2 && !partido.every( v => v == v-0 ))//chequeamos que no sean todos numeros, porque entonces es una IP
        {
            subdomain = partido.splice(0, partido.length-2).join(".");
            hostname= partido.join(".");
        }

        appendPart(protocol + "//", "protocol");
        if (subdomain) {
            appendPart(subdomain+".", "subdomain");
        }
        appendPart(hostname, "hostname");
        if (port) {
            appendPart(":" + port, "port");
        }
        var arrayPathname = pathname.split("/");
        var arrayPathnameLength = arrayPathname.length;
        arrayPathname.forEach((elto, index) => {
            if (elto) {
                let sp = appendPart(elto, "pathname");
                if(colorizeExtensionFile && index == arrayPathnameLength-1)
                {
                    let arrayDot = elto.split(".");
                    if(arrayDot.length > 1)
                    {
                        let extension = arrayDot.pop();
                        sp.innerHTML = "";
                        sp.appendChild(createElement({
                            type: "locationBarTag",
                            attrArray: {
                                href:sp.getAttribute("href"),
                                innerHTML: arrayDot.join(".")
                            }
                        }));
                        sp.appendChild(createElement({
                            type: "locationBarTag",
                            attrArray: {
                                class: "extension",
                                href:sp.getAttribute("href"),
                                innerHTML: "."+extension
                            }
                        }));
                    }
                }
            }
        });
        appendPart(search, "search");
        appendPart(hash, "hash");
    }

    /******************* INIT ***************************/
    var urlbarInput = getWindow().document.querySelector("#urlbar-input");
    var timeMouseMove = -1;
    function hideDivLocatonBar(){
        urlbarInput.focus();
    }
    var divLocationBar = createElement({
        type: "div",
        attrArray: {
            class: "claseLocationBar"
        },
        evtListener: [{
            type: "click",
            funcion: function(evt) {
                hideDivLocatonBar()
                if(selectUrlbarText){
                    urlbarInput.select();
                }
            }
        },{
            type: "mouseenter",
            funcion: function(evt) {
                //esto es el ratón entrando por encima
                if(evt.screenY == divLocationBar.screenY)
                {
                    timeMouseMove = setTimeout(hideDivLocatonBar, 500);
                }
            }
        },{
            type: "mouseleave",
            funcion: function(evt) {
                clearTimeout(timeMouseMove);
            }
        }]
    });

    borraPrevio();
    urlbarInput.parentNode.appendChild(divLocationBar);
    urlbarInput.parentNode.setAttribute("dav_LinkifiesLocationBar", true);
    urlbarInput.addEventListener("blur", pintaLocation);
    pintaLocation();

    var last_displaySpec = "";
    var intevalID = setInterval(function(){
        //console.log("setInterval", intevalID,  localWindow == window, localWindow == getMostRecentWindow());
        let actual_displaySpec = gBrowser.currentURI.displaySpec;
        if(last_displaySpec != actual_displaySpec){
            last_displaySpec = actual_displaySpec;
            pintaLocation();
        }
    }, 50);
    CSS_Loader.load(style);
    CSS_Loader.load(stylexul);
    /******************* END INIT ***************************/
    dav_LinkifiesLocationBar.shutdown = function(win){
        borraPrevio();
        clearTimeout(intevalID);
        urlbarInput.parentNode.removeAttribute("dav_LinkifiesLocationBar");
        CSS_Loader.unload(style);
        CSS_Loader.unload(stylexul);
        urlbarInput.removeEventListener("blur", pintaLocation);
    }

    dav_LinkifiesLocationBar.globalShutdown = function(){
        var wm = Components.classes["@mozilla.org/appshell/window-mediator;1"]
                    .getService(Components.interfaces.nsIWindowMediator);
        var ws = wm.getEnumerator(null);
        while(ws.hasMoreElements()) {
            var w = ws.getNext();
            w.dav_LinkifiesLocationBar.shutdown(w);
        }
    }
}, 10);

Alles anzeigen

Speravir

Zitat von Zitronella

Eigentlich möchte ich NUR dass die Domain fett farbig hervor gehoben wird, alle anderen Funktionen wie das unterstreichen eines Abschittes oder anklicken eines Abschnittes usw. möchte ich gar nicht haben.
Kann man das Script auf diesen Minimal Teil reduzieren? Wie wäre dann der Code?

Ich hab auch zu wenig Ahnung, vermute aber, dass man alles, was nach Eventlistener aussieht, deaktivieren muss. Andreas hat das an einer Stelle gemacht, da findet man aber noch mehr.

2002Andreas

Zitat von Speravir

da findet man aber noch mehr.

Die eine Stelle reicht zumindest aus, dass ein Klick in die Adressleiste auf einen Eintrag, keine Funktion mehr hat.

Ansonsten kenne ich mich mit Scripten leider nicht aus.

Speravir

Zitat von 2002Andreas

Die eine Stelle reicht zumindest aus, dass ein Klick in die Adressleiste auf einen Eintrag, keine Funktion mehr hat.

Ja, aber der Eventlistener wird trotzdem gestartet und belegt Speicher.

Zitat von 2002Andreas

Ansonsten kenne ich mich mit Scripten leider nicht aus.

Eben, dito.

Übrigens gab es ein Update beider Skripte, die ich oben genannt habe, also sowohl LinkifiesLocationBar als auch tab_title_url. Damit ist der CSS-Code für das Verlinkungsskript oben nicht mehr notwendig, wenn man einige Einstellungen zu Beginn des Skriptes setzt, eventuell aber neuer zur Anpassung. Zitronellas Anfrage hat der Skriptautor übrigens als Wontfix geschlossen.

Zitronella

ja, ich habe es auch ungefähr so wie ich es haben möchte mit der neuen Script Version 1.1 , in der ich einiges geändert habe.

Allerdings weiß ich noch nicht, ob ich das so verwenden möchte. Mich stört glaub grundsätzlich wenn für so eine Kleinigkeit wie Hauptdomain=farbig/fett so viel Code notwendig ist.

Endor

Speravir

Ich bedanke mich ganz Herzlich für dieses Script.

Gleich mal eingebaut.

:klasse:

Mfg.

Endor

Speravir

Zitat von Zitronella

Mich stört glaub grundsätzlich wenn für so eine Kleinigkeit wie Hauptdomain=farbig/fett so viel Code notwendig ist.

Ich befürchte, der ist notwendig, weil die Fett-Hervorhebung der Domain eigentlich im Programmcode fest einprogrammiert ist (und nur das, der Mehrwert der Farben wie früher per Addon war ja eigentlich nicht mehr möglich).

Bei der Gelegenheit: Man kann übrigens das Skript immer noch unangetastet lassen und alles per CSS übersteuern.

Zitat von Endor

Ich bedanke mich ganz Herzlich für dieses Script.

Ich hab eben auch noch das dortige Mousewheel_Zoom-Skript installiert und teste es mal. Bisher benutze ich immer Tasten oder die Maus mit Strg-Taste, da benötigt man aber immer beide Hände, was manchmal etwas unbequem ist. Mit dem Skript reicht es, die Maus über die Adressleiste zu bewegen und das Mausrad zu drehen (und die 5%-Abstufung gefällt mit ebenfalls besser).

Endor

Speravir

Klingt sehr interessant. Werde ich dann auch mal testen.

Mfg.
Endor