फायरफॉक्स 75 ने एक निरर्थक बदलाव लाया - एड्रेस बार (यूआरएलबार) अब क्लिक करने पर "ज़ूम इन" की तरह हो जाता है, आस-पास के यूआई को आंशिक रूप से अस्पष्ट कर देता है, जिसमें आपके द्वारा पिन किए गए किसी भी शॉर्टकट को शामिल किया जा सकता है। यह बात पूरी तरह से मोबाइल और डेस्कटॉप पर पूरी तरह गलत लगती है। कुछ समय के लिए, जैसा कि मैंने आपको उपरोक्त लेख में दिखाया है, इस बकवास को कई के बारे में:कॉन्फिग सेटिंग्स के माध्यम से वापस लाया जा सकता है।
लेकिन फ़ायरफ़ॉक्स 77 (रात में) में, ये विकल्प चले गए हैं, इसलिए हमें कुछ और चाहिए। इस ट्यूटोरियल में, मैं आपको दिखाऊंगा कि आप पुराने एड्रेस बार को कैसे दिखा सकते हैं और महसूस कर सकते हैं, इसलिए आप कम-आईक्यू परिवर्तनों से प्रभावित नहीं होंगे, जो गंभीर क्षण हैं। जैसा कि मैंने सोचा था कि फ़ायरफ़ॉक्स मोबाइल टॉस-मी-ए-क्रोमोसोम गेम से ऊपर उठ रहा था, इस तरह की बात सामने आती है। मेरे पीछे आओ।
हम इस परेशान करने वाले जूम-इन एड्रेस बार से छुटकारा पाना चाहते हैं।
हम क्या करने जा रहे हैं?
Firefox UI को पहले जैसा दिखाने के लिए हम एक कस्टम CSS स्टाइल बनाएंगे। संक्षेप में, फ़ायरफ़ॉक्स यूआई को किसी भी वेब पेज की तरह स्टाइल किया जा सकता है। यह फ़ायरफ़ॉक्स प्रोफ़ाइल फ़ोल्डर में userChrome.css फ़ाइल में CSS घोषणाओं को जोड़कर किया जाता है।
अब, मैं पायनियर नहीं हूँ। मोज़िला समर्थन साइट पर इस महत्वपूर्ण आवश्यकता का उत्तर पहले ही दिया जा चुका है। लेकिन कोड के स्निपेट में कुछ समायोजन की आवश्यकता है, साथ ही मैं इसे अतिरिक्त सरल और स्पष्ट करना चाहता हूं कि पुराने लुक को वापस पाने के लिए उपयोगकर्ताओं को क्या करना होगा।
userChrome.css सक्षम करें
सबसे पहले, हमें उपयोगकर्ता द्वारा किए गए सीएसएस परिवर्तनों का सम्मान करने के लिए फ़ायरफ़ॉक्स को "बताना" चाहिए:
- फ़ायरफ़ॉक्स 68 और उससे नीचे के संस्करण में, आपको कुछ भी करने की आवश्यकता नहीं है।
- फ़ायरफ़ॉक्स 69 और इसके बाद के संस्करण में, इसके बारे में:कॉन्फिग पर जाएं, निम्न सेटिंग ढूंढें और इसे गलत से सही में बदलें:
toolkit.legacyUserProfileCustomizations.stylesheets
फिर, अपने फ़ायरफ़ॉक्स प्रोफ़ाइल फ़ोल्डर पर जाएँ। विंडोज में, आमतौर पर:
C:\Users\"username"\AppData\Roaming\Mozilla\Firefox\"profile"
और Linux में, आम तौर पर:
/home/"user"/.mozilla/firefox/"profile"
यदि आपको किसी उदाहरण की आवश्यकता है, तो मेरे प्लाज़्मा और एचडी स्केलिंग लेख या फ़ायरफ़ॉक्स पिन किए गए टैब गाइड पर एक नज़र डालें।
- इस फ़ोल्डर में, क्रोम (लोअरकेस) नामक एक फ़ोल्डर बनाएं।
- क्रोम फ़ोल्डर के अंदर, userChrome.css नामक एक खाली टेक्स्ट फ़ाइल बनाएं (लोअर/अपरकेस पर ध्यान दें)।
एड्रेस बार स्टाइल जोड़ें
अगला चरण सामग्री को userChrome.css फ़ाइल में जोड़ना है। निम्नलिखित टेक्स्ट को कॉपी करें - यह सीधे ऊपर दिए गए सपोर्ट थ्रेड से आता है। कृपया ध्यान दें कि यह पर्याप्त नहीं हो सकता है, लेकिन मैं आपको चरण दर चरण सब कुछ दिखाना चाहता हूं, इसलिए यदि आपको आवश्यकता हो तो फ़ाइल को बदलने में आपको अधिक विश्वास होगा।
@namespace url ("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* केवल एक बार चाहिए */
#urlbar[ब्रेकआउट],
#urlbar[ब्रेकआउट][ब्रेकआउट-विस्तार] {
--urlbar-height:28px !important;
--urlbar-toolbar-height:30px !important;
चौड़ाई:100% !महत्वपूर्ण;
शीर्ष:कैल्क((var(--urlbar-toolbar-height) - var(--urlbar-height)) / 2) !important;
बाएँ:0 !महत्वपूर्ण;
}
#urlbar[ब्रेकआउट][ब्रेकआउट-विस्तार]> #urlbar-input-container,
#urlbar-input-container {
ऊंचाई:var( --urlbar-ऊंचाई) !महत्वपूर्ण;
चौड़ाई:100% !महत्वपूर्ण;
पैडिंग-ब्लॉक:सेट नहीं !महत्वपूर्ण;
पैडिंग-इनलाइन:सेट नहीं !महत्वपूर्ण;
संक्रमण:कोई नहीं !महत्वपूर्ण;
}
#urlbar[ब्रेकआउट][ब्रेकआउट-विस्तार]> #urlbar-बैकग्राउंड {
बॉक्स-शैडो:0 1px 4px rgba(0,0,0,.05) ) !महत्वपूर्ण;
एनिमेशन:कोई नहीं !महत्वपूर्ण;
}
फ़ाइल सहेजें, Firefox पुनः आरंभ करें।
परिणाम, बस थोड़ा हटकर
मेरे परीक्षण से पता चलता है कि कोड का उपरोक्त स्निपेट आदर्श लेआउट से थोड़ा कम है। जैसा कि आप देख सकते हैं, पता बार "बहुत अधिक" बैठता है - यह लंबवत केंद्रित नहीं है। ऊपर और नीचे के मार्जिन गलत हैं।
सीएसएस, दूसरा बदलाव
हमें जो करना है वह हमारे द्वारा जोड़े गए सीएसएस में उपयोग किए जाने वाले डिफ़ॉल्ट मानों को थोड़ा समायोजित करना है। अर्थात्, हमें urlbar की ऊँचाई और टूलबार की ऊँचाई को ट्वीक करने की आवश्यकता है। शीर्ष मार्जिन की गणना इन दो मूल्यों के बीच आधे अंतर (डेल्टा) के रूप में की जाती है। आप शीर्ष मान को मैन्युअल रूप से भी बदल सकते हैं।
#urlbar[ब्रेकआउट],
#urlbar[ब्रेकआउट][ब्रेकआउट-विस्तार] {
--urlbar-height:28px !important;
--urlbar-toolbar-height:30px !important;
मैंने कुछ परीक्षण और त्रुटि परीक्षण किए, और मेरे लिए 38px की टूलबार ऊंचाई काम करती है:
#urlbar[ब्रेकआउट],
#urlbar[ब्रेकआउट][ब्रेकआउट-विस्तार] {
--urlbar-height:28px !important;
--urlbar-toolbar-height:38px !important;
और फिर, शीर्ष मार्जिन, आप डिफ़ॉल्ट गणना से अपनी पसंद की किसी भी चीज़ में बदल सकते हैं:
शीर्ष:कैल्क ((var (--urlbar-toolbar-height) - var (--urlbar-height)) / 2) !important;
उदाहरण के लिए, यह कुछ ऐसा हो सकता है:
शीर्ष:5px !महत्वपूर्ण;
!important ओवरराइड का उपयोग, एह, महत्वपूर्ण है - ताकि फ़ायरफ़ॉक्स इसका उपयोग करे न कि इसके डिफ़ॉल्ट सेट का।
अंतिम रूप, जैसा कि होना चाहिए
और हमारे पास हमारी विवेक और तर्क और बुद्धि वापस आ गई है:
निष्कर्ष
और हम चले। काम पूरा हुआ। वर्षों से, मुझे सामान्य ब्राउज़र व्यवहार प्राप्त करने के लिए कस्टम सीएसएस का अधिक से अधिक उपयोग करने के लिए मजबूर किया गया है। यह एक चिंताजनक प्रवृत्ति है। लेकिन मुझे लगता है कि यह अपरिहार्य है, क्योंकि अधिक से अधिक कंपनियां लगातार बढ़ती उप-100आईक्यू भीड़ के लिए बेकार उत्पादों पर मंथन कर रही हैं। और बिना किसी अच्छे कार्यात्मक कारण के। बस इसके लिए बदलो। और अक्सर कुछ छद्म-आधुनिक जो पूरी तरह से स्वीकार्य और वैज्ञानिक रूप से सिद्ध और परीक्षण किए गए समाधानों को नष्ट कर देता है।
मुझे उम्मीद है कि आपको यह छोटा सा लेख मूल्यवान लगा होगा। आप इसे फ़ायरफ़ॉक्स 75 में तुरंत उपयोग कर सकते हैं, या फ़ायरफ़ॉक्स 77 के एयरवेव्स हिट होने तक प्रतीक्षा करें, और फिर परिवर्तन करें - और इस बीच कॉन्फ़िगरेशन ओवरराइड्स का उपयोग करें। फिर भी, इस सब बकवास के बावजूद, कम से कम तकनीकियों के लिए सामान्य, उत्पादक लेआउट वापस पाने का एक तरीका है जिसकी उन्हें आवश्यकता है। लेकिन कौन जानता है कि भविष्य क्या है। फ़ायरफ़ॉक्स, कृपया बाकी लोगों की तरह न बनें। ठीक है तुम वहाँ जाओ। मिशन पूरा हुआ। यदि आप मुझे धन्यवाद देना चाहते हैं, तो मेरे लिए भव्य उपहार खरीदें और मेरी प्रशंसा करें। पर्दा।
चीयर्स।