Beiträge von Brause 13

Brause 13 · 24. November 2022

Ich habe mich für das Addon entschieden.

Es kommt meiner alten Loadingbar am nächsten und funktioniert sehr gut.

Vielen Dank für deine ausführliche Antwort.

Brause 13 · 23. November 2022

Hallo,

seit Fx 107 läuft mein Loadingbar-Script nicht mehr.

Da ich von Scripten leider keine Ahnung habe, hoffe ich das vielleicht ein Kundiger hier mir weiter helfen kann.

Es funktioniert ähnlich wie auf Youtube, ein schmaler Ladebalken oben auf der Seite.

Vielen Dank

JavaScript

// @note             Loading Bar Mod 
// ==/UserScript==

location == "chrome://browser/content/browser.xhtml" && (function () {
    //Location Bar Enhancer5.1;Loading Bar Mod 0.3.3
    var loadingBar = {
        progress: new WeakMap(),
        init: function () {
            if(document.getElementById('UCloadingBar')) return;
            var sss = Cc["@mozilla.org/content/style-sheet-service;1"].getService(Ci.nsIStyleSheetService);
            sss.loadAndRegisterSheet(Services.io.newURI('data:text/css;base64,' + btoa((function () {/*
                @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
                @-moz-document url("chrome://browser/content/browser.xhtml"){
                    @keyframes UCloadingBarPulse {
                        0% {opacity:1}
                        50% {opacity:0}
                        100% {opacity:1}
                    }
                    @keyframes loadingBarConnecting {
                        0% {transform: translateX(300%)}
                        100% {transform: translateX(-300%)}
                    }
                    #UCloadingBar, #UCloadingBar[connecting]::after{
                        background-size: 100% 6px;
                        background-repeat: repeat-x;
                        height: 6px;
                    }
                    #UCloadingBar{
                        position: fixed;
                        pointer-events:none;
                        border-left:2px transparent;
                        border-right:2px transparent;
                        overflow: hidden;
                        opacity:1;
                        transform: translateX(-100%);
                        background-image:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.25) 25%, rgba(254,200,53,1) 100%);
                        width:100%;
                    }
                    #UCloadingBar:not([style*="translateX(-100%)"]){
                        transition: transform 800ms ease 0s;
                    }
                    #UCloadingBar:not([connecting])::after {
                        display:none;
                    }
                    #UCloadingBar[connecting]::after {
                        content:'';
                        animation: loadingBarConnecting 2500ms infinite linear;
                        background-image: radial-gradient(ellipse farthest-corner at center top, rgba(254,200,53, 1) 25%, rgba(255,255,255,0.25) 100%);
                        width: 30%;
                        position: absolute;
                    }
                    #UCloadingBar[connecting]{
                        background-image:none;
                    }
                    #UCloadingBar[complete]{
                        opacity:0;
                    }
                    #UCloadingBar[complete][style*="translateX(0%)"]{
                        transition: opacity 800ms ease 100ms;
                    }
                    #UCloadingBar[style]:not([connecting]):not([complete])::before{
                        content:'';
                        position: absolute;
                        top:-10px;
                        right: 0px;
                        width: 100px;
                        height: 100%;
                        box-shadow: 0px 0px 10px 3px rgba(254,200,53,1), 0px 0px 5px 2px rgba(254,200,53,1);
                        transform: rotate(3deg) translate(0px, -4px);
                        animation:UCloadingBarPulse 2s ease-out 0s infinite;
                    }
                }
            */}).toString().replace(/^.+\s|.+$|\t+\/\/.*/g, '')), null, null), sss.USER_SHEET);
            var appcontent = document.getElementById('appcontent'),
                lb  = document.createElementNS('http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul', 'hbox');
            lb.id = 'UCloadingBar';
            appcontent.insertBefore(lb, appcontent.firstChild);
            this.progressBar = lb;
            gBrowser.tabContainer.addEventListener('TabSelect', this, false);
            gBrowser.addTabsProgressListener(this);
        },
        setConnecting: function(connecting){
            if(connecting){
                this.progressBar.hasAttribute('connecting') || this.progressBar.setAttribute('connecting', 'true');
            }else{
                this.progressBar.hasAttribute('connecting') && this.progressBar.removeAttribute('connecting');
            }
        },
        setComplete: function(complete){
            if(complete){
                this.progressBar.hasAttribute('complete') || this.progressBar.setAttribute('complete', 'true');
            }else{
                this.progressBar.hasAttribute('complete') && this.progressBar.removeAttribute('complete');
            }
            return complete;
        },
        handleEvent: function (e) {
            if (e.type == 'TabSelect') {
                this.onChangeTab();
            }
        },
        onChangeTab: function () {
            var cd = gBrowser.selectedBrowser,
                val = this.progress.get(cd);
            if (!val) {
                val = [0, false];
                newTab = true;
                this.progress.set(cd, val);
            }
            if(!this.progressBar) return;

            this.setConnecting(val[1]);
            this.progressBar.style.transition = 'none';
            if (val[0] > 0.95) {
                if(!this.setComplete(val[0] == 1)){
                    this.progressBar.style.transform = 'translateX(0%)';
                }
            }else{
                this.setComplete(false);
                this.progressBar.style.transform = 'translateX('+((!val[0] && val[1] ? 1 : val[0]) * 100 - 100) + '%)';
            }
            setTimeout(function(){
                this.progressBar.style.transition = '';
            }.bind(this), 50);
        },
        onProgressChange: function (aBrowser, webProgress, request, curSelfProgress, maxSelfProgress, curTotalProgress, maxTotalProgress) {
            var val = (curTotalProgress - 1) / (maxTotalProgress - 1);
            if (!/^((ht|f)tps?\:|about:blank)/.test((aBrowser.registeredOpenURI || {asciiSpec: 'about:blank'}).asciiSpec)){
                return this.progress.set(aBrowser, [val, false]);
            }
            this.progress.set(aBrowser, [val, false]);
            if (this.progressBar && gBrowser.selectedBrowser === aBrowser) {
                this.setConnecting(false);

                if (val > 0.95) {
                    this.progressBar.style.transform = 'translateX(0%)';
                }else{
                    this.progressBar.style.transform = 'translateX('+((val * 100) - 100) + '%)';
                }
            }
        },
        onStateChange: function (aBrowser, aWebProgress, aRequest, aStateFlags, aStatus) {
            var val = this.progress.get(aBrowser),
                isCBrowser = gBrowser.selectedBrowser === aBrowser;
            if(!val){
                val = [0, false];
                this.progress.set(aBrowser, val);
            }

            if (aStateFlags & 1 && aStateFlags & 262144){
                if (!(aStateFlags & 16777216)){
                    val = [0, /^((ht|f)tps?\:|about:blank)/.test((aBrowser.registeredOpenURI || {asciiSpec: 'about:blank'}).asciiSpec)];
                    if(isCBrowser) {
                        this.progressBar.style.transform = 'translateX(0%)';
                        val[1] && this.setComplete(false);
                        this.setConnecting(val[1]);
                    }
                    this.progress.set(aBrowser, val);
                }
            }else if(aStateFlags & 16){
                if(isCBrowser) {
                    this.timer(function(){
                        this.progress.get(aBrowser)[0] == 1 && this.setComplete(true);
                    }.bind(this), 1000);
                    this.setConnecting(false);
                }
                this.progress.set(aBrowser, [1, false]);
            }
        },
        timer: function (callback, delay) {
            delay = delay || 0;
            var stopTimer = function (){
                if (this._timer == null) return;
                clearTimeout(this._timer);
                this._timer = null;
            }.bind(this);
            this._timer = setTimeout(function(){
                stopTimer();
                callback();
            }, delay);

        }
    };
    loadingBar.init();
})();

Alles anzeigen

Brause 13 · 18. November 2022

Feine Sache, es funktioniert perfekt.

#sidebar-box hatte ich natürlich nicht probiert.

Ich danke Dir Andreas.

Brause 13 · 18. November 2022

Hallo,

bis zum letzten Update konnte ich mit dieser kleinen CSS die Sidebar manuell von 0 bis xxx px verkleinern und vergrößern, so wie ich es benötigte.

Leider funktioniert dies seit 107 nicht mehr. Es gibt jetzt ein feste min. und max. Größe der Sidebar.

Ich habe schon einiges versucht, aber leider änderte sich nichts.

CSS

#sidebar
    { max-width: none !important;
          min-width: 0 !important; 
}

Vielleicht kann jemand helfen, wie bei der Hoover-Sidebar, da gab es nach dem Update auch Probleme.

Brause 13 · 11. Mai 2018

Jetzt habe ich auch die Funktion zum Abschalten gefunden, hatte ich übersehen. :roll:
Code habe ich probiert, funktioniert auch einwandfrei. :klasse:

Prima, vielen Dank für die schnelle Antwort und schönes Wochenende

Brause 13 · 11. Mai 2018

Seit letztens gibt es den Eintrag bei Rechtsklick auf einen Link: "Link in neuen Tab in Umgebung öffnen" .
Besteht da schon die Möglichkeit diesen Eintrag auszublenden?

Brause 13 · 16. November 2017

Hallo erstmal,

ich hole das Thema mal wieder nach oben, da es ja vielleicht seit Erscheinen des FF 57 noch andere gibt, die dieses Feature aus Tab Mix Plus vermissen.

Oben genannten Code von 2002Andreas hab ich probiert, dieser hat zur Folge das gar keine Tabs sich mehr öffnen.
Vielleicht hat schon jemand einen CSS-Schnipsel, der die Tableiste ausblendet bei nur einem geöffnetenm Tab.

Beiträge von Brause 13

Loadingbar Script

Loadingbar Script

Lesezeichen Sidebar beliebig verkleinern und vergroesern

Lesezeichen Sidebar beliebig verkleinern und vergroesern

Einträge aus Kontextmenü ausblenden

Einträge aus Kontextmenü ausblenden

Ab FF 57 Tab-Leiste ausblenden, wenn nur ein Tab vorhanden ist