如何在Google Chrome浏览器的书签中添加收藏夹图标?


14

我在OS X上,并且希望我的小书签具有收藏夹图标。我已经找到了两篇文章,但是对他们没有多大帮助:

http://www.tapper-ware.net/blog/?p=97#comment-2076这是一篇很棒的文章,但据我了解,这似乎不适用于Chrome浏览器:(

http://www.tech-recipes.com/rx/3032/google_chrome_how_to_change_icons_on_the_bookmarks_bar/ 此提示的问题是-如果我错了,请纠正我-在清除历史记录,缓存等之后,整个事情将再次消失。

如果有机会自己托管它们来修改小书签,我会立即这样做,但是到目前为止,我没有找到任何解决方案。

Answers:


19

好吧,花了一些时间,但我偶然发现了解决方案:

您必须导出书签,编辑HTML文件,然后再次导入。这听起来比以前复杂得多,而且这是一个干净的解决方案,因为Chrome将所有重新导入的书签放入单独的“导入”文件夹中,您可以在应用更改后将其删除。

逐步指南:

  1. 打开书签管理器并导出书签。
  2. 在您喜欢的编辑器中打开导出的HTML文件,然后查找您要应用收藏夹图标的书签。
  3. 编码要用作Base64的16×16px网站图标(那里有很多免费的在线转换器,或者请参阅下面的链接以获取命令行说明)。删除输出中的所有换行符;它必须是一条长线。
  4. 在Base64 Blob前面添加一个“数据”前缀,该前缀适合于您所使用的Favicon类型。如data:image/vnd.microsoft.icon;base64,.ico文件,data:image/png;base64,.png文件。
  5. 现在ICON,在链接中添加一个属性,以保存带前缀的Base64 blob;例如:ICON="data:image/png;base64,iVBORw0K………5ErkJggg=="
  6. 保存文件,然后将其重新导入书签管理器。将创建一个名为“导入”的文件夹;但是,该图标应该立即应用于原始的书签,这样您就可以立即删除新的“导入”文件夹。如果图标没有立即显示,请尝试单击书签。

如果您需要进一步的帮助,我发现了一篇博客文章 ,其中更详细地描述了整个过程。


我更新了帖子。如果您需要详细的教程,请查看我添加的链接。
帕特里克

只是为了让你知道,连接不再工作
诗蔻蒂


修复了使用@MarkusJarderot建议的缓存副本的链接,并增加了有关添加data:前缀的必要性的说明。
汤姆(Tom),

另外,链接的博客文章还说Chrome不会同步这些手动添加的图标-尽管我没有尝试过看看是否仍然如此。
汤姆,

2

另一个非常简单的解决方案是使用“我讨厌您的收藏夹” chrome扩展名。它允许您输入要更改其网站图标的网站的URL,以及想要网站图标的图像的URL。其余的都交给您处理。

在这里链接到他们的网站


3
这似乎不适用于书签。
GollyJer

1

我有同样的问题,但起初并没有真正意识到。

最近,我在Chrome中删除了我的收藏夹文件(没有进行备份),突然所有的书签工具栏链接都丢失了它们的图标,因为我正在使用javascript:window.open在新标签页中打开它们。

今天,我意识到了为什么我几个月以来一直在我的书签上拥有收藏夹图标很高兴:当我第一次从Firefox切换到Chrome时,我从那里导入了所有书签,然后使用上述JavaScript在记事本中手动对其进行了编辑。

Firefox在所有图标中添加了base64代码。

现在,我可以确认pattulus的解决方案有效,此外,如果您不想手动转换为并添加每个base64代码,只需导出干净的非书签书签,在外部对其进行编辑并重新导入即可。

就是说,如果像我这样简单,那么我对所有书签链接都使用相同的JavaScript编辑,并且可以简单地使用记事本的replace函数。

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.