如何在Firefox中将图标添加到书签？

诸如SuperGenPass之类的书签没有javascript:图标，因为它们是链接，并且Firefox不知道它将从何处获取图标。有什么方法可以将图标添加到JavaScript小书签中？

您可以尝试以下技巧：

1. 找到带有正确图标的网站正常链接（不带JavaScript）。

2. 将该链接作为普通书签添加到书签工具栏。

3. 最后，更改刚刚添加的书签的属性，并将位置更改为所需的实际JavaScript书签（您希望书签中的位置不具有收藏夹图标）。

现在，您已将第2步中的书签转换为带有所需图标和JavaScript的书签。

该网站图标选择器2扩展将让你这样做。

使用方法：右键单击任何书签并选择“属性”，
然后单击“浏览...”以选择图标或将URL粘贴到图标。

另外，您可以在完成后卸载扩展程序，并且图标将保留。

Pelms的建议使我找到了可能相关的Favicon Picker 3，它在Mac OS X上效果更好。

对于Firefox 4+，请使用Bookmark Favicon Changer。旧的Favicon Picker加载项未更新。

最简单的方法是劫持书签。只需在具有您要使用的图标的页面上添加书签即可。您可能需要单击书签才能使其从链接到的站点中加载收藏夹图标。拥有收藏夹图标后，转到书签，右键单击并选择属性。然后，您可以将“位置”更改为要与收藏夹图标关联的书签的javascript代码。提示：为了区分书签和书签，我将属性标签中的“名称”更改为M：开头的名称，因此，例如，如果该书签用于使用goo.gl创建缩短的URL，则将其命名为“ L：Goo.gl”

您可以使用userChrome.css：

1. 去 about:support

2. 在“应用程序基础”下的“配置文件文件夹”下，单击“打开文件夹”

3. 如果不存在，请创建文件夹chrome，然后创建文件userChome.css

我使用这种风格：

:root {
  --amber: #FFC000;
  --chartreuse: #B2D733;
  --magenta: #BF1449;
  --teal: #158466;
  --vermilion: #FF4000;
}
#PlacesToolbarItems image {
  padding-top: 16px;
}
#PlacesToolbarItems toolbarbutton:nth-child(5n+1) image {
  background: var(--teal);
}
#PlacesToolbarItems toolbarbutton:nth-child(5n+2) image {
  background: var(--chartreuse);
}
#PlacesToolbarItems toolbarbutton:nth-child(5n+3) image {
  background: var(--amber);
}
#PlacesToolbarItems toolbarbutton:nth-child(5n+4) image {
  background: var(--vermilion);
}
#PlacesToolbarItems toolbarbutton:nth-child(5n+5) image {
  background: var(--magenta);
}

如果您想使用图像，只需将它们放在同一文件夹中，然后像这样链接：

background: url("something.png");

http://github.com/cup/bay/blob/33aed8d/firefox/userchrome.css

1. 将书签导出为HTML。

2. 编辑HTML，添加ICON="data:image/png;base64,..."到您的书签，即

   <DT><A HREF="javascript:(function(){ ... })();" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAgMAAABinRfyAAAABGdBTUEAALGPC/xhBQAAAAxQTFRFAQMAXV9chIaDx8nGZHRYHgAAADhJREFUCNdjYAAD8QkMDFz//zcw8P//f4CBNTTUgYHbZvMB3AS7TfEBBq5VqxpAxAQGztCwALBBALHhF442ZwQdAAAAAElFTkSuQmCC"></A>
   

3. 从编辑的HTML导入书签。

到目前为止，可以在Firefox中使用。