是否可以将自定义图标添加到“应用程序”选项卡?


11

自从Firefox“ 5”发布以来,我已经非常喜欢新的“ App Tabs”功能。但是,我现在意识到工作中的几个内部网站没有网站图标。因此,当我从这些站点中创建“应用程序”选项卡时,选项卡中只有一个“空白页”图标。

也许我不介意那么多,如果只有一个,但是至少有两个或三个。因此,必须将鼠标悬停在“应用程序选项卡”上才能确定是什么,这有点烦人。

我试过使用Favicon Picker 2更改书签图标,但是它只能这样做-更改书签文件夹中的图标。它不会更改在地址栏中URL旁边显示的图标,也不会更改选项卡中页面标题旁边的图标-后者是用于“应用程序选项卡”图标的图标。

那么,是否有插件或其他客户端(最好是“ Joe User”友好)方法将图标分配给网页或域,该图标将在标签栏中使用?

Answers:


9

定制应用程序标签图标很简单。
由于应用标签的图标仅由书签生成...
(1)安装此-https://addons.mozilla.org/en-US/firefox/addon/bookmark-favicon-changer/
(2)查看您的书签,右键单击并选择所需的自定义图片
(3)重新启动浏览器(以使新图片“拍摄”)
完成。

在此处输入图片说明 在此处输入图片说明 在此处输入图片说明 在此处输入图片说明 在此处输入图片说明


@admintech-如前所述,我已经尝试使用书签图标更改器。这个插件与我使用的插件有何不同?
Iszi 2011年

1
您必须在更改图标后打开书签,然后重新添加为应用程序选项卡
admintech 2011年

@admintech-我不知道您建议使用的插件,但是即使重新加载浏览器后,即使在普通标签中,我的标签也不会更改。我要在其上执行此操作的站点是SSL站点是否重​​要?
Iszi 2011年

1
没关系。可以肯定地测试了书签Favicon Changer。我不确定Favicon Picker不会做什么,但是似乎也将favicon应用于选项卡。谢谢!现在,如果我只能将其应用于整个子域或其他内容,那么导航“应用程序”并不会清除
收藏夹

2
解决棘手问题的极佳解决方案。可悲的是,该插件的作者指出,自Firefox 22起,API以一种无法修复的方式破坏了该插件。
gbarry

9

我使用以下样式表更改了选项卡(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安装用户样式管理器(例如Fashionable)

它的工作方式如下: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"])(=选择标题包含“ w3.org”的标签,除非标题以“-Gmail”结尾)。

如果您固定的选项卡从不改变位置,那么您也可以尝试执行以下操作来更改第一个选项卡的图标:

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

很棒的文章,非常感谢。完全按照广告上的说明与“时尚”配合使用,不需要其他附加组件。
Lebenita 2014年

可以将其与Chrome一起使用吗?
骷髅弓
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.