Uygulama Sekmesine özel bir favori simgesi eklemenin bir yolu var mı?

Firefox "5" in yayınlanmasından bu yana, yeni "Uygulama Sekmeleri" özelliğini gerçekten çok sevdim. Ancak, şimdi işyerinde birkaç dahili web sitesinin favicons olmadığını fark ettim. Bu nedenle, bu sitelerden bir Uygulama Sekmesi oluşturduğumda, sekmede yalnızca bir "boş sayfa" simgesi var.

Belki sadece bir tane olsaydı çok fazla umursamadım, ama bunlardan en az iki ya da üçü vardı. Bu yüzden, hangisinin ne olduğunu bulmak için Uygulama Sekmelerinin üzerine fareyle gitmek zorunda olmak biraz can sıkıcı.

Yer işareti simgelerini değiştirmek için Favicon Seçici 2'yi kullanmayı denedim, ancak sadece bunu yapıyor - yer imleri klasöründeki simgeyi değiştirir. Adres Çubuğundaki URL'nin yanında veya sekmelerdeki sayfa başlığının yanında görüntülenen favicon'u değiştirmez; ikincisi Uygulama Sekmesi simgesi için kullanılan simgedir.

Peki, bir web sayfasına veya etki alanına sekme çubuğunda kullanılacak bir simge atamak için bir eklenti veya başka bir istemci tarafı (ve tercihen "Joe Kullanıcı" dostu) yöntemi var mı?

Uygulama sekmesi favicons'unuzu özelleştirmek oldukça basittir.
Uygulama sekmesi favicon sadece yer imi tarafından oluşturulduğundan ...
(1) bunu yükleyin - https://addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/
(2) yer imleri, sağ tıklayın ve istediğiniz özel resmi seçin
(3) tarayıcıyı yeniden başlatın (yeni görüntünün "alması" için)
Bitti.

Aşağıdaki stil sayfasını kullanarak sekmemdeki simgeleri (Firefox 26) değiştirdim:

@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);
}

Bu stil kullanmak, ya da koymak için [path to your profile]/chrome/userChrome.css, ya gibi bir kullanıcı stil yöneticisi yükleyin Şık .

Bu şu şekilde çalışır: Firefox'taki sekmeler bir belge ağacının parçasıdır (bkz. Browser.xul ):

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

Bir sekmenin etiketi sekmenin başlığıyla eşleşir. Örneğimde, W3'ün posta listesi sekmesine bir favicon eklemek istedim. Ne yazık ki, tek bir başlığı yok, bu yüzden sekme ile eşleşen nispeten benzersiz bir şey aramak zorunda kaldım. İlgili sayfaların başlığında "w3.org" olduğu ortaya çıktı ve bu da yaratıldı [label*="w3.org"].
Benzer şekilde, üniversitemin sitesinde favicon yok. Tüm başlıklar "TU" ile başlıyor, bu yüzden kullandım [label^="TU"].

Daha yaygın seçiciler: [label$="last words"], [label="Exact match"].
Negatif: [label*="w3.org"]:not([label$="- Gmail"])(= başlığı "- Gmail" ile bitmediği sürece "w3.org" içeren sekmeleri seçin).

Sabitlenmiş sekmeleriniz hiçbir zaman konum değiştirmezse, ilk sekmenin simgesini değiştirmek için böyle bir şey de deneyebilirsiniz:

@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);
}