当bookmarklet拖到工具栏时，如何设置图标/图标？

Question

我给自己做了一个bookmarklet，它的功能很好，但当添加到Opera或Firefox的工具栏中时，它只会显示浏览器的默认书签图标(分别是一个地球和一个星形)。我的网站有一个收藏夹图标，窗口、标签甚至站点书签都使用我指定的收藏夹图标。只是不是我的书签。

我如何编写我的站点或书签小程序，以便书签小程序也获得收藏夹图标？

我知道用户可以使用各种手动黑客技术在事后设置收藏夹图标，但这些都是不可取的解决方案。

Answer 1

书签小程序使用javascript://模式，因此没有可从中加载收藏夹图标的域。

因此，目前还没有办法为书签小程序提供一个收藏图标。想一想:还记得Javascript沙箱的事情吗-- Javascript可能不会访问它正在运行的网页域外的任何东西？一个需要绑定到你正在观看的当前页面的域名的bookmarklet，不能也绑定到你自己网站上的一个收藏图标上。

更新:根据Hans Schmucker的回答，有可能创建一个bookmarklet，当浏览器加载到书签菜单中时，它将生成一个带有收藏图标的HTML文档。推理似乎是可行的，但我还没有看到这样的事情在行动中，我的测试结果是否定的。

Answer 2

下面是你如何做到这一点：

1. 将你的书签拖到书签栏。在它旁边的
2. 创建一个网站的书签，然后点击“组织”下拉菜单，选择“导出”，将你的书签保存为html文件。
3. 在文本编辑器中打开html文件。
4. 找到您刚刚创建书签，假设是它的Gmail书签，您应该有它的html代码，如下所示：

<DT><A HREF="http://mail.google.com/mail/u/0/#inbox" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABV0lEQVQ4jdWQzUoCYRiFnxl/0plso0IKX7mqXWCLIlq0qEW4d19Qi6BLCELwEgpvQbyAVrroCrSNUJFGAyrkEEEMNs5PCxtRHGsZneX7nedwzgd/LQngObfnykIQOj9Disd/BFxdZ3hVwtE0Mje3kuw9OJqGWSji1BtzYafeGHk0jTdzCIA8aXANA/O6hFWuzMBWuYJ5XcI1DF6MAY8fxmxAYHdnZK7WMAtFXF3H1XXMQhGrWsN2XR5WM/QGn2MmOBkQOj5CFoJhuTKe5DUzbJvW1jbWZhbqd/4BAIGDfSQhGH7XBehLMlruEGlFzEyTZy6AvL5G+PICWQja6iJaPu8L+zbw9B4MYpyeEB4MkF7782z+AZ1OD0WNkk4vA7AUi/HUav8eYNsOnW6XZCJBJLIwvieTcVQ1SrN5j2XbUwFTf9DpdkmnUlOwJ0VRyGY3UBVl7px/qi+cdYQvZvKCUwAAAABJRU5ErkJggg==">Gmail</A>

1. 将整个图标标记
2. 复制到同一文件中找到您创建的书签小程序，然后将复制的图标标记插入到 bookmarklet 标记中：

<DT><A HREF="javascript:(function(){... bookmarklet JS code...})();" ICON="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABV0lEQVQ4jdWQzUoCYRiFnxl/0plso0IKX7mqXWCLIlq0qEW4d19Qi6BLCELwEgpvQbyAVrroCrSNUJFGAyrkEEEMNs5PCxtRHGsZneX7nedwzgd/LQngObfnykIQOj9Disd/BFxdZ3hVwtE0Mje3kuw9OJqGWSji1BtzYafeGHk0jTdzCIA8aXANA/O6hFWuzMBWuYJ5XcI1DF6MAY8fxmxAYHdnZK7WMAtFXF3H1XXMQhGrWsN2XR5WM/QGn2MmOBkQOj5CFoJhuTKe5DUzbJvW1jbWZhbqd/4BAIGDfSQhGH7XBehLMlruEGlFzEyTZy6AvL5G+PICWQja6iJaPu8L+zbw9B4MYpyeEB4MkF7782z+AZ1OD0WNkk4vA7AUi/HUav8eYNsOnW6XZCJBJLIwvieTcVQ1SrN5j2XbUwFTf9DpdkmnUlOwJ0VRyGY3UBVl7px/qi+cdYQvZvKCUwAAAABJRU5ErkJggg==">MyBookmarklet</A>

1. 保存此文件并返回到Chrom书签管理器，再次单击组织，然后选择您刚刚编辑的Import
2. Import
3. 文件，您的书签现在有了一个favicon.

基本上，该过程是获取书签标签的图标属性，并将其插入到书签标签中

​

​

Answer 3

这并不完全正确: bookmarklet没有域，但它有一个位置(这是bookmarklet本身)，您可以为其分配一个图标。之后就是浏览器如何保存图标的问题了(Firefox永久保存书签的图标，其他浏览器可能就没那么幸运了)。

另外，安全性甚至不会影响到它，图标可以来自任何地方。没有任何限制。

请参阅http://www.tapper-ware.net/blog/?p=97