Czy istnieje sposób, aby dodać niestandardową ikonę ulubionych do karty aplikacji?

Od czasu wydania Firefoksa „5” uwielbiam nową funkcję „App Tabs”. Jednak teraz zdałem sobie sprawę, że kilka wewnętrznych stron internetowych w pracy nie ma ulubionych. Kiedy tworzę kartę aplikacji z tych witryn, na karcie jest tylko ikona „pustej strony”.

Może nie miałbym nic przeciwko, gdyby był tylko jeden, ale są co najmniej dwa lub trzy z nich. To trochę denerwujące, gdy trzeba najechać myszką na zakładki aplikacji, aby dowiedzieć się, co jest tym.

Próbowałem użyć Favicon Picker 2 do zmiany ikon zakładek, ale robi to tylko to - zmienia ikonę w folderze zakładek. Nie zmienia ulubionych wyświetlanych obok adresu URL na pasku adresu ani obok tytułu strony na kartach - ten ostatni jest używany dla ikony karty aplikacji.

Czy istnieje więc wtyczka lub inna metoda po stronie klienta (najlepiej „przyjazna dla użytkownika Joe”), aby przypisać ikonę do strony internetowej lub domeny, która będzie używana na pasku kart?

Dostosowanie ulubionych zakładek aplikacji jest dość proste.
Ponieważ zakładka ulubionych jest generowana przez zakładkę, po prostu ...
(1) zainstaluj to - https://addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/
(2) wyświetl swoje zakładki, kliknij prawym przyciskiem myszy i wybierz żądany obraz
(3) uruchom ponownie przeglądarkę (aby nowy obraz „wziął”)
Gotowe.

Zmieniłem ikony mojej karty (Firefox 26), używając następującego arkusza stylów:

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

Aby skorzystać z tego arkusza stylów, albo umieścić go w [path to your profile]/chrome/userChrome.css, lub zainstalować menedżer stylów użytkownika, takich jak Stylowe .

Działa to w następujący sposób: Karty w Firefoksie są częścią drzewa dokumentów (patrz browser.xul ):

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

Etykieta karty jest zgodna z tytułem karty. W moim przykładzie chciałem dodać favicon do karty listy mailingowej W3. Niestety nie ma ani jednego tytułu, więc musiałem poszukać czegoś stosunkowo wyjątkowego, pasującego do zakładki. Okazuje się, że odpowiednie strony miały w tytule „w3.org”, co spowodowało utworzenie [label*="w3.org"].
Podobnie strona mojej uczelni nie ma favicon. Wszystkie tytuły zaczynają się od „TU”, więc użyłem [label^="TU"].

Bardziej popularne selektory: [label$="last words"], [label="Exact match"].
Negacja: [label*="w3.org"]:not([label$="- Gmail"])(= wybierz karty, których tytuł zawiera „w3.org”, chyba że kończy się na „- Gmail”).

Jeśli przypięte karty nigdy nie zmieniają pozycji, możesz również spróbować czegoś takiego, aby zmienić ikonę pierwszej karty:

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