Có cách nào để thêm một favicon tùy chỉnh vào Tab ứng dụng không?

Kể từ khi phát hành Firefox "5", tôi đã thực sự yêu thích tính năng "Tab ứng dụng" mới. Tuy nhiên, bây giờ tôi đã nhận ra rằng một số trang web nội bộ tại nơi làm việc không có favicon. Vì vậy, khi tôi tạo Tab ứng dụng từ các trang này, chỉ có biểu tượng "trang trống" trong tab.

Có lẽ tôi sẽ không bận tâm lắm nếu chỉ có một, nhưng có ít nhất hai hoặc ba trong số này. Vì vậy, thật khó chịu khi phải di chuột qua Tab Ứng dụng để tìm ra đó là cái gì.

Tôi đã thử sử dụng Favicon Picker 2 để thay đổi các biểu tượng dấu trang, nhưng nó chỉ thực hiện chính xác điều đó - thay đổi biểu tượng trong thư mục dấu trang. Nó không thay đổi hình đại diện được hiển thị bên cạnh URL trong Thanh địa chỉ hoặc cái bên cạnh tiêu đề trang trong các tab - cái sau được sử dụng cho biểu tượng Tab ứng dụng.

Vì vậy, có một plugin hoặc phương thức thân thiện với khách hàng khác (và tốt nhất là thân thiện với "Người dùng Joe") để gán biểu tượng cho trang web hoặc tên miền, sẽ được sử dụng trong thanh tab không?

Thật đơn giản để tùy chỉnh favicon tab ứng dụng của bạn.
Bởi vì favicon của tab ứng dụng được tạo bởi bookmark chỉ ...
(1) cài đặt cái này - https://addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/
(2) xem của bạn đánh dấu trang, nhấp chuột phải và chọn hình ảnh tùy chỉnh bạn muốn
(3) khởi động lại trình duyệt (để hình ảnh mới "chụp")
Xong.

Tôi đã thay đổi các biểu tượng của tab của mình (Firefox 26) bằng cách sử dụng biểu định kiểu sau:

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

Để sử dụng kiểu này, hoặc đặt nó trong [path to your profile]/chrome/userChrome.css, hoặc cài đặt một trình quản lý người dùng kiểu như Stylish .

Điều này hoạt động như sau: Các tab trong Firefox là một phần của cây tài liệu (xem browser.xul ):

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

Nhãn của tab phù hợp với tiêu đề của tab. Trong ví dụ của tôi, tôi muốn thêm một favicon vào tab danh sách gửi thư của W3. Thật không may, nó không có một tiêu đề duy nhất, vì vậy tôi đã phải tìm kiếm một cái gì đó tương đối độc đáo phù hợp với tab. Nó chỉ ra rằng các trang có liên quan có "w3.org" trong tiêu đề của họ, dẫn đến việc tạo ra [label*="w3.org"].
Tương tự, trang web của trường đại học của tôi không có favicon. Tất cả các tiêu đề bắt đầu bằng "TU", vì vậy tôi đã sử dụng [label^="TU"].

Selectors phổ biến hơn: [label$="last words"], [label="Exact match"].
Phủ định: [label*="w3.org"]:not([label$="- Gmail"])(= chọn các tab có tiêu đề chứa "w3.org", trừ khi kết thúc bằng "- Gmail").

Nếu các tab được ghim của bạn không bao giờ thay đổi vị trí, thì bạn cũng có thể thử một cái gì đó như thế này để thay đổi biểu tượng của tab đầu tiên:

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