firefox - फ़ायरफ़ॉक्स 57+ पर टैब के साथ मेरी कई पंक्तियां कैसे हो सकती हैं(टैब मिक्स प्लक्स ऐड-ऑन अब काम नहीं करता है)?




firefox-addon (3)

टैब मिक्स प्लक्स ऐड-ऑन अब-लंबे काम करने के बाद फ़ायरफ़ॉक्स 57+ पर टैब के साथ कई पंक्तियां कैसे हो सकती हैं (सभी विरासत एक्सटेंशन फ़ायरफ़ॉक्स 57 के साथ गिराए जाते हैं)। शायद मुझे बस इंतजार करना चाहिए?

यह शायद एकमात्र कार्यक्षमता है जिसे मैं ओपेरा या क्रोम में नहीं ढूंढ पाया (और क्रोम में कुछ गोपनीयता समस्याएं हैं), पिछली बार मैंने उनका परीक्षण किया था। तो ऐसा लगता है कि मेरे पास कुछ विकल्प हैं, सिर्फ एक ही नहीं।

  1. जैसा कि इस धागे में सुझाया गया है, मैं एफएफ 52 ईएसआर (संभावित मुद्दों के साथ ...) में डाउनग्रेड कर सकता हूं या रात के निर्माण का उपयोग कर सकता हूं ...

  2. एक और संभावित विकल्प एक [FF Current Profile Folder]/chrome/userChrome.css फ़ाइल (फ़ोल्डर को बनाने की आवश्यकता हो सकती है) का उपयोग करना है, जहां मैं कुछ कोड [FF Current Profile Folder]/chrome/userChrome.css सकता हूं। यहां 500+ टैब का उपयोग करके एफएफ 57 के तहत परीक्षण किया गया है:

( संपादित करें 1 : R4zen के उत्तर के समान कुछ रिक्त स्थान / बटन छुपाने के लिए कुछ सीएसएस नियम जोड़े गए, क्योंकि मेरे पास एक और नियम है और शायद अधिक पूर्ण है ... लेकिन परिणाम अधिकांश लोगों के लिए समान हो सकता है! मेरे पास यह कोड था जब मैंने प्रश्न पोस्ट किया तो परीक्षण किया, लेकिन क्या हो रहा है, इसकी आसान समझ के लिए कम कोड पोस्ट करने का फैसला किया। अब मैं अपना पूरा कोड पोस्ट कर रहा हूं, इसलिए अन्य इससे लाभ उठा सकते हैं।)

#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#tabbrowser-tabs .arrowscrollbox-overflow-start-indicator,
#tabbrowser-tabs .arrowscrollbox-overflow-end-indicator,
#tabbrowser-tabs #alltabs-button {
    display: none;
}
#tabbrowser-tabs .tabbrowser-arrowscrollbox,
#tabbrowser-tabs .arrowscrollbox-scrollbox {
    display: block;
}
#tabbrowser-tabs .arrowscrollbox-scrollbox .scrollbox-innerbox {
    display: flex;
    flex-wrap: wrap;
    /*
    display: block;
    */
    overflow-y: auto !important;
    min-height: var(--tab-min-height); /* default */
    max-height: calc(5*var(--tab-min-height)) !important;
}
    #tabbrowser-tabs .tabbrowser-tab {
        flex-grow: 1;
        flex-wrap:wrap;
        min-width: 150px;
        vertical-align: bottom !important;
    }
    #tabbrowser-tabs .tabbrowser-tab,
    #tabbrowser-tabs .tabbrowser-tab .tab-stack .tab-background {
        height: var(--tab-min-height);
    }
        #tabbrowser-tabs .tabbrowser-tab .tab-stack {
            width: 100%;
        }
    #tabbrowser-tabs .tabbrowser-tab[pinned] {
        min-width: 0px;
        max-width: 40px;
    }
        #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-icon-image:not([src]) {
            visibility: hidden !important;
        }
        #tabbrowser-tabs .tabbrowser-tab[pinned] .tab-text {
            display: none !important;
        }
    /* Active tab's style - visuallyselected="true" === ACTIVE TAB */
    #tabbrowser-tabs .tabbrowser-tab[visuallyselected="true"] {
        font-weight: bold;
    }
    #tabbrowser-tabs .tabbrowser-tab[visuallyselected="true"] .tab-background {
        background-color: lime !important; /* green, lime, LawnGreen-7CFC00, LimeGreen-32CD32, SpringGreen-00FF7F */
    }
  • जहां max-height: calc(5*var(--tab-min-height)) !important; में 5 max-height: calc(5*var(--tab-min-height)) !important; 5 पंक्तियां, गतिशील रूप से गणना की गई ऊंचाई हैं।

उपरोक्त कोड टैब दिखाता है, लेकिन उनका व्यवहार काफी खराब है:

  • सबसे बुरी बात - जब आप Ctrl+Tab (पिछले हालिया क्रम में) का उपयोग कर टैब के बीच स्क्रॉल करते हैं, और टैब को एक अलग पंक्ति (5+ पंक्तियों दूर) पर स्विच किया जाता है, तो टैब के साथ पंक्ति स्क्रॉल नहीं होती है सक्रिय टैब स्लाइडर को मैन्युअल रूप से पंक्तियों को स्क्रॉल करने के लिए उपयोग किया जाना चाहिए और दृश्यमान रूप से चयनित व्यक्ति को ढूंढना चाहिए ... (स्पष्टीकरण के लिए: मैंने कुल 15 पंक्तियों में से 5 दृश्य पंक्तियां निर्धारित की हैं)
  • टैब को ड्रैग नहीं किया जा सकता है क्योंकि एफएफ कोर गलत तरीके से इसकी गणना करता है और टैब को यादृच्छिक स्थिति में ले जाता है

    1. विरासत कोड के कांटे का उपयोग करने के लिए, किसी ने वाटरफ़ॉक्स (या एक और कांटा) का उल्लेख किया।

क्या आज के रूप में कोई अन्य (बेहतर) समाधान हैं?

मुझे पूरा यकीन है कि भविष्य में हमारे पास और विकल्प होंगे, इसलिए सही उत्तर आज एक सप्ताह या महीने के बाद सबसे अच्छा नहीं हो सकता है ...


बस सोचा कि मैं यह कैसे करना चाहता हूं। (हालांकि यह अन्य लिंक्ड वेबसाइटों पर प्रदान किया गया है, लेकिन सभी जानकारी एक ही स्थान पर बेहतर है।)

  • फ़ायरफ़ॉक्स शुरू करें
  • पता बार में "about: support" दर्ज करें
  • तालिका में, एक पंक्ति "प्रोफाइल फ़ोल्डर" है। "फ़ोल्डर खोलें" बटन पर क्लिक करें।
  • "क्रोम" के तहत फाइलें "userChrome-example.css" होनी चाहिए जिन्हें आप "userChrome.css" में बदल सकते हैं और संपादित कर सकते हैं।

इसने मुझे बहुत समय बचाया क्योंकि मेरे मामले में,% appdata% ने गलत ड्राइव की ओर इशारा किया था। इसके अलावा मुझे नोटपैड ++ इंस्टॉल करना पड़ा क्योंकि नोटपैड द्वारा लाइन एंडिंग नहीं देखी गई थी।


मैंने कुछ संशोधन किए हैं, अब बग के बिना होना चाहिए (भले ही आप टैब पिन करें, विंडो खींचें / खींचें, टैब आदि के बीच स्क्रॉल करें):

#tabbrowser-tabs .tabbrowser-arrowscrollbox,
#tabbrowser-tabs .arrowscrollbox-scrollbox {
    display: block;
}

.scrollbutton-up,
.arrowscrollbox-overflow-start-indicator,
.scrollbutton-down,
.arrowscrollbox-overflow-end-indicator {
    display: none !important;
}

#tabbrowser-tabs .arrowscrollbox-scrollbox .scrollbox-innerbox {
    display: flex;
    flex-wrap: wrap;
    /*
    display: block;
    */
    overflow-y: auto !important;
    min-height: var(--tab-min-height); /* default */
    max-height: calc(5*var(--tab-min-height)) !important;
}
#tabbrowser-tabs .tabbrowser-tab:not([pinned]) {
    flex-grow: 1;
    flex-wrap:wrap;
    min-width: 150px;
    vertical-align: bottom !important;
}
#tabbrowser-tabs .tabbrowser-tab,
#tabbrowser-tabs .tabbrowser-tab .tab-stack .tab-background {
    height: var(--tab-min-height);
}

#tabbrowser-tabs .tabbrowser-tab .tab-stack {
    width: 100%;
}

#titlebar-buttonbox {
    display: block !important;
    vertical-align: top !important;
}

#main-window[tabsintitlebar] #tabbrowser-tabs {
    -moz-window-dragging: no-drag;   
}

यदि आपको टैब की पहली पंक्ति अदृश्य दिखाई देती है, तो कॉन्फ़िगर करें और ब्राउजर.tabs.drawInTitlebar के मान को सही से गलत के डिफ़ॉल्ट मान से बदलें।

browser.tabs.drawInTitlebar     false

यदि आप 5 या अधिक पंक्तियों का उपयोग करने से अधिक टाइटलबार के खाली स्थान पर क्लिक करके फ़ायरफ़ॉक्स विंडो खींचना चाहते हैं तो बस कोड हटाएं:

#main-window[tabsintitlebar] #tabbrowser-tabs {
    -moz-window-dragging: no-drag;   
}

स्क्रॉलबार को पकड़कर पंक्तियों के बीच स्क्रॉल करने में सक्षम होता है जब यह 5 पंक्तियों से अधिक होता है, लेकिन दूसरी ओर टाइटलबार द्वारा एफएफ विंडो खींचने के लिए अक्षमता अक्षम होती है। (यदि आप 5 पंक्तियों का अधिक उपयोग नहीं करते हैं तो आप इसे हटा सकते हैं)


वर्किंग टैब ड्रैगिंग के साथ मल्टीरो टैब बार (एफएफ 61 पर परीक्षण):

  1. https://luke-baker.github.io/Firefox_chrome.zip डाउनलोड और निकालें
  2. अपने क्रोम फ़ोल्डर में userChrome.xml प्रतिलिपि बनाएँ।
  3. userChrome.css से सामग्री को अपने userChrome.css userChrome.css जोड़ें।
  4. अपने क्रोम फ़ोल्डर में MultiRowTabLiteforFx.uc.js डाउनलोड करें।




firefox-addon