क्या ऐप टैब में कस्टम फ़ेविकॉन जोड़ने का कोई तरीका है?

Question

फ़ायरफ़ॉक्स "5" की रिलीज़ के बाद से, मैं वास्तव में नए "ऐप टैब्स" फीचर से प्यार करने लगा हूं। हालाँकि, मैंने महसूस किया है कि काम पर कई आंतरिक वेबसाइटों में फेवीकोन नहीं होते हैं। इसलिए, जब मैं इन साइटों से एक ऐप टैब बनाता हूं, तो टैब में केवल "रिक्त पृष्ठ" आइकन होता है।

शायद मैं इतना बुरा नहीं मानूंगा अगर केवल एक ही था, लेकिन इनमें से कम से कम दो या तीन हैं। तो, ऐप टैब को जानने के लिए माउस-ओवर करना थोड़ा कष्टप्रद है कि यह क्या है।

मैंने बुकमार्क आइकन बदलने के लिए फेविकॉन पिकर 2 का उपयोग करने की कोशिश की है, लेकिन यह केवल वही करता है - जो बुकमार्क फ़ोल्डर में आइकन बदलता है। यह पता बार में URL के बगल में प्रदर्शित फ़ेविकॉन को नहीं बदलता है, या टैब में पृष्ठ शीर्षक के बगल में एक है - बाद वाला वह है जो ऐप टैब आइकन के लिए उपयोग किया जाता है।

तो, क्या वेब पेज या डोमेन पर किसी आइकन को असाइन करने के लिए एक प्लगइन या अन्य क्लाइंट-साइड (और अधिमानतः "जो उपयोगकर्ता के अनुकूल") विधि है, जिसका उपयोग टैब बार में किया जाएगा?

Answer 1

अपने ऐप टैब फेवीकों को कस्टमाइज़ करना बहुत सरल है।
क्योंकि ऐप टैब फेविकॉन केवल बुकमार्क द्वारा उत्पन्न होता है ...
(1) इसे स्थापित करें - https://addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/
(2) अपना देखें बुकमार्क, राइट क्लिक करें और इच्छित कस्टम छवि चुनें
(3) ब्राउज़र को पुनः आरंभ करें (नई छवि के लिए "ले")
।

Comments

@admintech - जैसा कि उल्लेख किया गया है, मैंने पहले ही एक बुकमार्क आइकन परिवर्तक का उपयोग करने की कोशिश की है। यह प्लगइन मेरे द्वारा उपयोग किए गए से अलग कैसे है?

— Iszi

आपको फ़ेविकॉन को बदलने के बाद बुकमार्क को खोलना होगा, फिर एक ऐप टैब के रूप में फिर से जोड़ना होगा

— admintech

@admintech - मुझे आपके सुझाए गए प्लगइन के बारे में नहीं पता है, लेकिन मेरा टैब आइकन को सामान्य टैब में भी नहीं बदलता है, भले ही ब्राउज़र फिर से लोड हो। क्या यह मायने रखता है कि जिन साइटों पर मैं यह करने की कोशिश कर रहा हूं, वे एसएसएल साइटें हैं?

— इस्सी

कोई बात नहीं। बस सुनिश्चित करने के लिए बुकमार्क फ़ेविकॉन परिवर्तक का परीक्षण किया। मुझे यकीन नहीं है कि यह क्या करता है कि फ़ेविकॉन पिकर नहीं है, लेकिन यह फ़ेविकॉन को टैब पर भी लागू करता है। धन्यवाद! अब, अगर मैं इसे पूरे उप-डोमेन या कुछ पर लागू करने के लिए प्राप्त कर सकता हूं, ताकि "ऐप" को नेविगेट करने से फ़ेविकॉन साफ़ न हो ...

— Iszi

एक समस्या का उत्कृष्ट समाधान। अफसोस की बात है, प्लग के लेखक ने कहा है कि फ़ायरफ़ॉक्स 22 के रूप में, एपीआई एक अपरिहार्य तरीके से प्लगइन को तोड़ता है।

— गबरी

Answer 2

मैंने निम्नलिखित स्टाइलशीट का उपयोग करके अपने टैब (फ़ायरफ़ॉक्स 26) के आइकन बदल दिए हैं:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

tab[pinned="true"][label*="w3.org"] .tab-icon-image {
    list-style-image: url(https://www.w3.org/favicon.ico);
}
tab[pinned="true"][label^="TU"] .tab-icon-image {
    list-style-image: url(https://www.tue.nl/favicon.ico);
}

इस स्टाइलशीट का उपयोग करने के लिए, इसे या तो डालें [path to your profile]/chrome/userChrome.css, या स्टायलिश जैसे यूजर स्टाइल मैनेजर स्थापित करें ।

यह निम्नानुसार काम करता है: फ़ायरफ़ॉक्स में टैब एक दस्तावेज़ ट्री का हिस्सा हैं ( browser.xul देखें ):

<tabs id="tabbrowser-tabs" ...>
    <tab class="tabbrowser-tab" ... pinned="true" ... label="some text" ...>
    ...

टैब का लेबल टैब के शीर्षक से मेल खाता है। मेरे उदाहरण में, मैं W3 की मेलिंग सूची टैब में एक फ़ेविकॉन जोड़ना चाहता था। दुर्भाग्य से, इसके पास एक भी शीर्षक नहीं है, इसलिए मुझे टैब से मेल खाने वाली अपेक्षाकृत अनोखी चीज़ की तलाश करनी थी। यह पता चला है कि संबंधित पृष्ठों में उनके शीर्षक में "w3.org" था, जिसके परिणामस्वरूप निर्माण हुआ [label*="w3.org"]।
इसी तरह, मेरे विश्वविद्यालय की साइट पर कोई फेविकॉन नहीं है। सभी शीर्षक "टीयू" से शुरू होते हैं, इसलिए मैंने उपयोग किया [label^="TU"]।

अधिक सामान्य चयनकर्ता: [label$="last words"], [label="Exact match"]।
निषेध: [label*="w3.org"]:not([label$="- Gmail"])(= टैब चुनें, जिसका शीर्षक "w3.org" है, जब तक कि यह "- जीमेल" के साथ समाप्त न हो)।

यदि आपके पिन किए गए टैब कभी स्थिति नहीं बदलते हैं, तो आप पहले टैब के आइकन को बदलने के लिए कुछ इस तरह की कोशिश कर सकते हैं:

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

tab[pinned="true"]:nth-child(1) .tab-icon-image {
    list-style-image: url(https://www.mozilla.org/favicon.ico);
}

Comments

ग्रेट राइटअप, बहुत धन्यवाद। वर्क्स (स्टाइलिश के साथ) बिल्कुल विज्ञापन के रूप में, किसी अन्य ऐड-ऑन की कोई आवश्यकता नहीं है।

— लेबेनटा

क्या क्रोम के साथ काम करना संभव है?

— कंकाल बो