फ़ायरफ़ॉक्स 57+ क्वांटम में टैब बार (टैबस्ट्रिप) को कैसे छिपाएँ


56

फ़ायरफ़ॉक्स 57+ ("क्वांटम") में टैब बार को कैसे छिपाया / निष्क्रिय किया जाए?

लक्ष्य केवल टैब बार को पूरी तरह से छिपाना है। उपयोगी अगर "ट्री स्टाइल टैब" जैसे एक्सटेंशन के साथ जोड़ा जाता है।

नोट: यहाँ भी इसी तरह का प्रश्न है: फ़ायरफ़ॉक्स ब्राउज़र के कंटेंट एरिया को छोड़कर सब कुछ छुपा देता है लेकिन यह तार्किक रूप से स्वतंत्र कार्यों में ठीक से विभाजित नहीं है। इसके अलावा, यह पुराना है।


ओपी जानकारी के लिए, मैंने लिंक किए गए प्रश्न में एक नया उत्तर जोड़ा है जो कि userChrome.cssविभिन्न तत्व नाम और आईडी के साथ उपयोग करता है ।
क्लेकिमुरा

तत्व आईडी और परीक्षण शैलियों को खोजने के लिए आप देव उपकरण प्राप्त कर सकते हैं: reddit.com/r/FirefoxCSS/comments/73dvty/…
टिम एबेल

जवाबों:


63
  1. अपना फ़ायरफ़ॉक्स "प्रोफ़ाइल निर्देशिका" खोलें
  2. chrome/अगर यह मौजूद नहीं है तो डायरेक्टरी बनाएं
  3. chrome/userChrome.cssअगर यह मौजूद नहीं है तो अंदर फ़ाइल बनाएँ ।
  4. इस पाठ को फ़ाइल में जोड़ें:

    #TabsToolbar { visibility: collapse !important; }
    
  5. सुनिश्चित करें config toolkit.legacyUserProfileCustomizations.stylesheetsके लिए सेट है true(के लिए Firefox69 + सितंबर 2019 के बाद से स्थिर संस्करण) की आवश्यकता, देखें इस ट्यूटोरियल

  6. फ़ाइल सहेजें और फ़ायरफ़ॉक्स पुनः लोड करें। आपको अब कोई टैब बार नहीं देखना चाहिए।

PS समाधान आंशिक रूप से यहाँ से लिया गया: https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/


9
यहाँ अपनी प्रोफ़ाइल निर्देशिका को खोलने का एक सरल तरीका है: support.mozilla.org/en-US/kb/…
thSoft

यह थोड़ा बदसूरत लग रहा है, आपको डोम लेआउट कहां मिला (आप कैसे उपयोग करना जानते हैं #tabbrowser-tabs)? OSX पर मुझे लगता है कि इसके लिए एक मिनट की ऊँचाई (या कुछ) i.imgur.com/oJOinx4.png की आवश्यकता है
hayd

सेटिंग #TabsToolbar { height: 40px; }करने के लिए ट्रिक लगती है, इससे कोई फर्क नहीं पड़ता कि मुझे वहां कितनी ऊंचाई पर रखा गया है, इसलिए कुछ अजीब चल रहा है। नोट: मुझे यहाँ आईडी मिले ।
hayd

1
@ अपनी टिप्पणियों के लिए धन्यवाद! मैंने लिनक्स पर आपके समाधान की कोशिश की, लेकिन यह काम नहीं किया। हालांकि यह काम करता है: #TabsToolbar { visibility: collapse !important; } क्या आप इस कोड का परीक्षण अपने ओएस पर देख सकते हैं कि यह काम करता है? (किसी भी ओएस पर काम करने वाला एक सामान्य समाधान खोजना अच्छा होगा।)
वास्यानोविकोव

1
CSS चयनकर्ताओं ने फ़ायरफ़ॉक्स 66 में फिर से बदलाव किया। यहाँ नया CSS है जो macOS
स्टीव लैंडे

9

मैं चाहता हूं कि टैब बार ऑटो में छिपा हो जब 1 टैब हो और तब दिखाई दे जब एक से अधिक हो। इस सवाल के समान नहीं है, लेकिन यह 57+ के लिए अभी केवल Google परिणाम के बारे में है, इसलिए उन लोगों के लिए जिन्हें इसकी आवश्यकता हैuserChrome.css

#tabbrowser-tabs, #tabbrowser-tabs arrowscrollbox { min-height: 0 !important; }
#tabbrowser-tabs tab { height: var(--tab-min-height); }
#tabbrowser-tabs tab:first-of-type:last-of-type { display: none !important; }

फ़ायरफ़ॉक्स 59 में यह userChrome.css ठीक से काम नहीं करता है: अंतिम टैब छिपा हुआ है, लेकिन +बटन अभी भी दिखाई दे रहा है और इस प्रकार पूरा टैब क्षेत्र प्रदर्शित होता है।
मई को जियोले

2
@ सर्जेल यह काम करना चाहिए यदि आप फ़ायरफ़ॉक्स को कस्टमाइज़ करें और टैब बार से नए टैब बटन को खींचें, तो इसे मुख्य टूलबार या मेनू में रखा जा सकता है। यदि आप वास्तव में यह चाहते हैं तो मैंने वहाँ कोशिश नहीं की है क्योंकि मैं उस बटन का उपयोग नहीं करता हूं, लेकिन अगर कोई इसके साथ आता है तो मैं उत्तर को संपादित कर सकता हूं।
अरोन-ब्रू

दरअसल यह +बटन को हटाने के बाद काम करता है ।
जियोले

8

दुर्भाग्य से, यह विशेष रूप से UI अनुकूलन वर्तमान में फ़ायरफ़ॉक्स क्वांटम के समर्थित ऐड-ऑन एपीआई के माध्यम से संभव नहीं है; बग 1332447 को हल करने के बाद एक उचित समाधान संभव होगा ।

तब तक, VasyaNovikov के userChrome.cssकाम करने के लिए ट्वीक , हालांकि उस फ़ाइल को संपादित करना निश्चित रूप से एक अपना-अपना जोखिम है, आधिकारिक तौर पर समर्थित विकल्प नहीं।


1

मैंने अपने लिनक्स और ओएस एक्स बॉक्सन पर चलने के लिए एक तस्वीर में वास्नोविकोव का जवाब दिया , उम्मीद है कि यह किसी और को कई व्यक्तिगत मशीनों के साथ मदद करता है। मैं यह भी बताना चाहता हूं कि उसके उत्तर को लागू करने के बाद, बैक बटन OS X में क्लोज बटन के नीचे बैठ जाएगा। फिक्स को टूलबार में तीन लचीले स्थान सम्मिलित करना है (टूलबार पर राइट-क्लिक करें, कस्टमाइज़ करें ..., तब चुनें) तीन रिक्त स्थान डालें ताकि पिछला बटन दाईं ओर जाए)।

यदि किसी के पास वापस बटन पर समान प्रभाव को पूरा करने के लिए userChrome.css में डालने का सही CSS है, तो इसकी बहुत सराहना की जाएगी।


1

UserChrome.css में जोड़ें

#TabsToolbar {
    visibility: collapse;
}

#titlebar {
    margin-bottom: -25px !important;
}

#titlebar-buttonbox {
    height: 32px !important;
}

#nav-bar {
    margin-right: 42px;
}

#main-window[sizemode="maximized"] #nav-bar {
    margin-right: 42px;
}

फ़ायरफ़ॉक्स 70.0 पर काम करता है लेकिन _ □ Xगायब हैं।

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.