如何在 Google Chrome 中向书签小程序添加网站图标?

如何在 Google Chrome 中向书签小程序添加网站图标?

我使用的是 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/ 这个提示的问题是 - 如果我错了,请纠正我 - 在我清理历史记录、缓存等之后,整个东西又会消失。

如果有机会通过自己托管来修改书签,我会立即这样做,但到目前为止我还没有找到解决方案。

答案1

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

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

一步一步的指南:

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

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

答案2

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

链接到他们的网站这里

答案3

我遇到了同样的问题,但一开始并没有真正意识到这一点。

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

今天我意识到了为什么几个月来我一直很高兴地在我的书签小工具上拥有网站图标:当我第一次从 Firefox 切换到 Chrome 时,我从那里导入了所有书签,然后使用上述 JavaScript 在记事本中手动编辑了它们。

Firefox 使用其 base64 代码添加了所有图标。

我现在可以确认帕图鲁斯溶液有效,此外,如果您不想手动转换并添加每个 base64 代码,只需导出干净的非书签书签,在外部编辑它们并重新导入它们。

也就是说,如果它像我的情况一样简单,我使用相同的 JavaScript 编辑所有书签链接,并且可以简单地使用记事本的替换功能。

相关内容