カスタムファビコンをアプリタブに追加する方法はありますか？

Firefox "5"のリリース以来、私は新しい "App Tabs"機能が本当に好きになりました。しかし、職場のいくつかの内部Webサイトにはファビコンがないことがわかりました。したがって、これらのサイトからApp Tabを作成すると、タブには「空白ページ」アイコンしかありません。

たぶん、たった1つしかなかったとしてもそれほど気にしないでしょうが、少なくとも2つまたは3つはあります。したがって、どちらが何であるかを把握するために、アプリのタブにマウスを重ねる必要があるのは少し面倒です。

Favicon Picker 2を使用してブックマークアイコンを変更しようとしましたが、それはまさにそれを行うだけです。ブックマークフォルダ内のアイコンを変更します。アドレスバーのURLの横に表示されるファビコンや、タブのページタイトルの横に表示されるファビコンは変更しません。後者は、App Tabアイコンに使用されるファビコンです。

だから、タブバーで使用されるWebページまたはドメインにアイコンを割り当てるためのプラグインまたは他のクライアント側の（そして好ましくは「ジョーユーザー」に優しい）方法がありますか？

アプリのタブファビコンをカスタマイズするのは非常に簡単です。
アプリのタブのファビコンはブックマークによって生成されるため...
（1）これをインストールします-https://addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/
（2）表示ブックマークを右クリックして、
目的のカスタム画像を選択します（3）ブラウザを再起動します（新しい画像を「取得」するため）
。

次のスタイルシートを使用して、タブ（Firefox 26）のアイコンを変更しました。

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

このスタイルシートを使用して、どちらかそれを置くために[path to your profile]/chrome/userChrome.css、またはのようなユーザースタイルマネージャをインストールスタイリッシュ。

これは次のように機能します。Firefoxのタブはドキュメントツリーの一部です（browser.xulを参照）。

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

タブのラベルは、タブのタイトルと一致します。私の例では、W3のメーリングリストタブにファビコンを追加したかったのです。残念ながら、単一のタイトルがないため、タブに一致する比較的ユニークなものを探す必要がありました。関連ページのタイトルに「w3.org」が含まれていたことが判明したため、が作成されました[label*="w3.org"]。
同様に、私の大学のサイトにはファビコンがありません。すべてのタイトルは「TU」で始まるので、私はを使用しました[label^="TU"]。

より一般的なセレクタ：[label$="last words"]、[label="Exact match"]。
否定：[label*="w3.org"]:not([label$="- Gmail"])（=「-Gmail」で終わる場合を除き、タイトルに「w3.org」が含まれるタブを選択します）。

ピン留めされたタブの位置が変わらない場合は、次のような方法で最初のタブのアイコンを変更することもできます。

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