Apakah ada cara untuk menambahkan favicon khusus ke Tab Aplikasi?


11

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?

Jawaban:


9

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.

masukkan deskripsi gambar di sini masukkan deskripsi gambar di sini masukkan deskripsi gambar di sini masukkan deskripsi gambar di sini masukkan deskripsi gambar di sini


@ admintech - Seperti yang disebutkan, saya sudah mencoba menggunakan pengubah ikon bookmark. Bagaimana plugin ini berbeda dari yang saya gunakan?
Iszi

1
Anda harus membuka bookmark setelah mengubah favicon kemudian menambahkan kembali sebagai tab aplikasi
admintech

@admintech - Saya tidak tahu tentang plugin yang Anda sarankan, tetapi saya tidak mengubah ikon tab bahkan di tab normal, bahkan setelah browser memuat ulang. Apakah penting bahwa situs yang saya coba lakukan ini adalah situs SSL?
Iszi

1
Lupakan. Baru saja menguji Bookmark Favicon Changer untuk memastikan. Saya tidak yakin apa fungsinya yang Favicon Picker tidak, tetapi tampaknya menerapkan favicon ke tab juga. Terima kasih! Sekarang, jika saya hanya bisa menerapkannya ke seluruh sub-domain atau sesuatu, sehingga menavigasi "aplikasi" tidak menghapus favicon ...
Iszi

2
Solusi sempurna untuk masalah yang mengganggu. Sayangnya, penulis plug menyatakan bahwa pada Firefox 22, API memecah plugin dengan cara yang tidak dapat diperbaiki.
gbarry

9

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

Langgan yang hebat, terima kasih banyak. Bekerja (dengan Stylish) persis seperti yang diiklankan, tidak perlu pengaya lain.
Lebenita

Mungkinkah ini berfungsi dengan Chrome?
Skeleton Bow
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.