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

11

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?

Iszi
źródło

Odpowiedzi:

9

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.

wprowadź opis zdjęcia tutaj wprowadź opis zdjęcia tutaj wprowadź opis zdjęcia tutaj wprowadź opis zdjęcia tutaj wprowadź opis zdjęcia tutaj

admintech
źródło
@admintech - Jak już wspomniano, próbowałem już użyć zmieniacza ikon zakładek. Czym różni się ta wtyczka od tej, z której korzystałem?
Iszi
1
Musisz otworzyć zakładkę po zmianie favicon, a następnie ponownie dodać jako kartę aplikacji
admintech
@admintech - Nie wiem o Twojej sugerowanej wtyczce, ale moja nie zmienia ikony karty nawet w normalnej karcie, nawet po ponownym załadowaniu przeglądarki. Czy to ważne, że witryny, w których próbuję to zrobić, to witryny SSL?
Iszi
1
Nieważne. Właśnie przetestowałem zmieniacz zakładek Favicon, aby się upewnić. Nie jestem pewien, co robi, czego nie robi Favicon Picker, ale wydaje się, że stosuje on również tabulatory. Dzięki! Teraz, gdybym tylko mógł go zastosować do całej subdomeny, czy czegoś takiego, aby nawigacja po „aplikacji” nie wyczyściła
favikonu
2
Doskonałe rozwiązanie dokuczliwego problemu. Niestety autor wtyczki stwierdza, że ​​począwszy od Firefoksa 22 interfejs API psuje wtyczkę w sposób niemożliwy do naprawienia.
gbarry
9

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);
}
Rob W.
źródło
Świetne napisanie, wielkie dzięki. Działa (ze stylowym) dokładnie tak, jak w reklamie, bez potrzeby instalowania dodatkowego dodatku.
Lebenita
Czy to możliwe, aby działało to z Chrome?
Skeleton Bow