web-dev-qa-db-ja.com

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

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

たぶん1つでもかまわないかもしれませんが、少なくとも2つか3つはあります。そのため、アプリのタブの上にマウスを置いて、どれが何であるかを判断する必要があるのは少し面倒です。

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

それで、タブバーで使用されるアイコンをWebページまたはドメインに割り当てるためのプラグインまたは他のクライアント側（そしてできれば「JoeUser」フレンドリー）の方法はありますか？

firefoxbrowser-tabsfavicon
11
Iszi

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

enter image description hereenter image description hereenter image description hereenter image description hereenter image description here

9
admintech

次のスタイルシートを使用して、タブ（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_に配置するか、またはStylish などのユーザースタイルマネージャーをインストールします。

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

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

タブのラベルは、タブのタイトルと一致します。私の例では、W3のメーリングリストタブにファビコンを追加したいと思いました。残念ながら、タイトルが1つもないため、タブに一致する比較的ユニークなものを探す必要がありました。関連するページのタイトルに「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);
}
_
9
Rob W