Apakah ada cara untuk menambahkan favicon khusus ke Tab Aplikasi?

Sejak rilis Firefox "5", saya jadi sangat menyukai fitur "App Tabs" yang baru. Namun, saya sekarang menyadari bahwa beberapa situs web internal di tempat kerja tidak memiliki favicons. Jadi, ketika saya membuat Tab Aplikasi dari situs-situs ini, hanya ada ikon "halaman kosong" di tab tersebut.

Mungkin saya tidak akan terlalu keberatan jika hanya ada satu, tapi setidaknya ada dua atau tiga. Jadi, itu agak menjengkelkan untuk melihat-lihat Tab Aplikasi untuk mencari tahu apa itu.

Saya sudah mencoba menggunakan Favicon Picker 2 untuk mengubah ikon bookmark, tetapi hanya melakukan persis seperti itu - mengubah ikon di folder bookmark. Itu tidak mengubah favicon yang ditampilkan di sebelah URL di Bilah Alamat, atau yang di sebelah judul halaman di tab - yang terakhir adalah yang digunakan untuk ikon Tab Aplikasi.

Jadi, apakah ada plugin atau metode sisi klien lainnya (dan lebih disukai "Pengguna Joe") untuk menetapkan ikon ke halaman web atau domain, yang akan digunakan di bilah tab?

Cukup mudah untuk menyesuaikan favicons tab aplikasi Anda.
Karena tab aplikasi favicon dihasilkan oleh bookmark hanya ...
(1) pasang ini - https://addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/
(2) lihat bookmark, klik kanan dan pilih gambar khusus yang Anda inginkan
(3) restart browser (untuk gambar baru untuk "mengambil")
Selesai.

Saya telah mengubah ikon tab saya (Firefox 26) menggunakan stylesheet berikut:

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

Untuk menggunakan stylesheet ini, masukkan [path to your profile]/chrome/userChrome.css, atau instal manajer gaya pengguna seperti Stylish .

Ini berfungsi sebagai berikut: Tab di Firefox adalah bagian dari pohon dokumen (lihat browser.xul ):

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

Label tab cocok dengan judul tab. Dalam contoh saya, saya ingin menambahkan favicon ke tab mailing list W3. Sayangnya, itu tidak memiliki judul tunggal, jadi saya harus mencari sesuatu yang relatif unik yang cocok dengan tab. Ternyata halaman yang relevan memiliki "w3.org" pada judulnya, yang menghasilkan penciptaan [label*="w3.org"].
Demikian pula, situs universitas saya tidak memiliki favicon. Semua judul dimulai dengan "TU", jadi saya gunakan [label^="TU"].

Selektor yang lebih umum: [label$="last words"], [label="Exact match"].
Negasi: [label*="w3.org"]:not([label$="- Gmail"])(= pilih tab yang judulnya berisi "w3.org", kecuali diakhiri dengan "- Gmail").

Jika tab yang disematkan tidak pernah berubah posisi, maka Anda juga dapat mencoba sesuatu seperti ini untuk mengubah ikon tab pertama:

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